「技术的回响」Techo Park 开发者大会设计总结

项目背景

关于Techo Park

Techo Park开发者大会是由腾讯发起的面向全球开发者和技术爱好者的年度盛会，作为一个专注于前沿技术研讨的非商业大会，大会致力于开发者的能力成长和实践创新，旨在通过汇聚全球顶尖行业专家和技术爱好者，搭建一个开放、中立、活跃的技术交流平台。

设计目标

本届大会为期2天，采取线上+线下的形式，共设有1个主论坛，28个分论坛，围绕全球云计算前沿技术发展趋势、腾讯及腾讯云技术创新、技术实践 3个维度展开。 团队希望以本届大会核心主题为切入点，对前期的视觉推导、创意概念、以及后期的具体执行、视觉延展、调性把控进行全方位的跟进与支持，致力于从专业的角度优化视觉呈现、彰显品牌调性、推动品牌传播，通过Techo系列逐步并强化腾讯技术的影响力。

设计分析

品牌调性

从往届大会参会人群数据来看，参会者人数最高的是为IT和技术经理，通过分析受众的喜好和特性，科技感、年轻化和创客精神将成为本次大会传递的调性。

主题解读

此次大会主题为“TECHO PARK”,其中TECHO=Tech+Echo 「技术的回响」”，寓意技术能力的源源输出、持续不断地创造影响力。

核心关键词

通过对受众群体、品牌调性和主题的分析解读，与项目组一起讨论沟通，提炼出以下关键词方向进行方案尝试：

设计实施

方案发散

根据前期推导与项目方达成一致的设计方向进行方案初期尝试，共输出了以下4个方案：

• 方案A 设计思路： 以回声关键词分析提取出“利萨如曲线”元素，回声中声波的曲线形态与利萨如曲线吻合，将这一概念重新设计了大会logo，并以3D结合动效方式延展为主视觉图形。

• 方案B 设计思路：从对开发者日常接触最多的代码、数据和工具键盘中分析提取出图形元素-方块（pixel )， 方块的矩阵排列寓意现场的每一位开发者和代表数据的形态，大会LOGO中字母“O”寓意为声音收集装置，结合动效，通过收集现场的声源，触发背景点阵，产生涟漪效果。表达开发者通过技术碰撞后产生科技回响的含义。

• 方案C 设计思路：方案主要以技术回声、技术隧道为创意来源。希望代码背后的人，通过此次技术发声能够传递到更多的方向，可以产生更多的可能。

• 方案D 设计思路：方案从创造技术的开发者出发，将开发者编写的代码转换为定制化图形的互动方式，表达“未来世界，由你编译”这一概念。

方案反馈-确认主视觉方向

经过初步讨论，结合大会现阶段的目标，需要强化TECHO品牌概念，最终确定在方案B的基础上继续细化。

细节优化

确定方向可行性后，进一步优化方案细节。我们尝试用腾讯云与TECHO品牌各自特有的核心元素、品牌色等方式进行融合， 尝试找到更恰当的表现方法。

• 大会LOGO Techo作为面向技术人群的统一品牌，未来将延伸出5个子系列； Techo Park 腾讯面向开发者人群最大且唯一的外部盛会 Techo Time 专属于腾讯产业互联网的技术干货视频媒体阵地 Techo Box 腾讯产业互联网科技应用场景展示区 Techo Youth 面向高校学生的公开课和技术分享平台 Techo Experts 腾讯与腾讯生态的技术专家品牌

结合上一届应用的效果反馈，对品牌标志在保留核心符号的前提下进行重新优化，完善品牌体系。

同时对子品牌表现方式做了多版尝试，最终搭建出一套完整统一的品牌体系。

• 图形 KV形式简明，在主图形细节上，对图形的间距、角度、色彩以及扩散效果等进行了多次尝试，使整体达到视觉协调。

经过对比筛选后，选择使用涟漪效果更清晰的B方案。

• 色彩 在颜色选择上也尝试过多种颜色，最终选择与腾讯云品牌相契合并能彰显活力的青蓝色为品牌主色，这也符合大会年轻化的品牌调性。

同时考虑KV在线下场景中大面积黑色应用会稍显压抑，尝试在画面两侧添加主色渐变做为点缀。

• 字体 主题字体的设计上，结合大会LOGO的特性,笔画采取横平竖直的视觉感受，撇、捺采用倾斜度进行处理，体现科技属性，并且结合斜杠“/”符号，与Techo形成呼应。

对文字组合尝试了多种布局方式，从整体协调性上进行对比，最终以方案A做为最终的标准样式，供大会期间不同场景的应用。

最终方案效果

品牌应用

大会物料品类众多同时执行数量极大，为了能够在提升输出速度的同时，保证质量和统一性，对大会视觉输出了一份可快速复制和使用的设计规范模板，保证落地效果的一致性。

大会logo应用规则

品牌色

字体应用规则

主视觉延展规则

对大会核心触点尺寸进行分析，梳理出常用尺寸比例，设定图形延展规则，形成模板。

信息布局规则

统一各尺寸比例信息布局方式。

分论坛主视觉规则

本届大会共设有1个主论坛，28个分论坛，针对分论坛希望主视觉能有差异化的体现，对分论坛KV延展设定出一套执行规则，以满足差异化的同时保证整体调性的一致。

• 辅助图形延展 在主图形的模型基础上，通过调整图形的角度和纹理的幅度两个维度进行截取，延展出6套辅助图形。

• 辅助色 在开发者熟悉的代码工具中提取出信息常用的3种高亮色延展为辅助色。

• 分论坛主题 延续主论坛信息组合布局，设定出分论坛主题样式规范。

• 延展规则 将图形、颜色、主题信息元素进行拆分组合，延续出各分论坛主视觉样式。

现场效果

结语

以上就是本次开发者大会的设计呈现了，我们将在品牌设计上继续积累，如果您对我们的设计感兴趣，有什么想说的，请留言告诉我们，欢迎各种形式的交流；如果您觉得这是一个不错的设计，也请多多分享给可能感兴趣的朋友，并给我们点个「在看」哟，您的支持是我们前进的动力💪