腾讯设计周TDW 2020品牌设计语言剖析

1-1. TDW 2020

TDW（腾讯设计周）是由腾讯举办的年度设计盛会，不仅汇聚腾讯设计师，也有来自其他地方和其他行业的设计师分享不同的观点。因为它代表着腾讯的设计，每一年我们都试着去展示更好的设计。

1-2. 原始概念 The Origin Of Concept 

在“设计向善”的口号之下，TDW每年都可以讨论各种设计主题。我们考虑了多种呈现口号的视觉方式，并决定使用关键词“有力”、“强调”和“动感”。通过这些关键词，得出了以动态描绘形态的设计概念。

2-1. 视觉概念 Visual Concept 

我们想了不同的方法来表现有力且强劲的动作，使用TDW logo 的基本形态，我们创建了一个图案。我们拆解TDW logo中的T，把它制作成三角形和矩形元素，这些元素可以组合在一起形成logo的形状。此外，它们还可以用于创建随机散布在3D空间中的不规则图案。当我们用基本形状创建每个新图案时，图像仍然看起来是简单而具有动感的。我们在整体品牌标识中使用了3D图像，并试图给人与TDW以前的品牌完全不同的印象。

2-2. Logo

去年，TDW logo 用的是大写字母，今年，为了使它看起来与原始的TDW logo 相似，我们采用小写字母来设计。因为logo包含英文、中文和数字，为了找到与斜体logo相匹配的最佳字母组合，我们尝试了多种可能的方法。此外，logo也需要能轻易地应用于其他不同的设计场景，最后，我们用粗斜体样式统一了所有的英文、中文与数字，使整个logo看起来是平衡的。

除了上述logo，还制作了一个变动的，反映TDW2020品牌标识维度视角的3D logo。这个logo可以应用于多种不同的场景，比如视频、海报、安装等等，维持基本logo整体外观的同时，创造了更多应用的可能性。

2-3. 颜色 Color

保持之前TDW一贯使用的蓝色的同时，使用柔和色调赋予新鲜感。3D空间则使用渐变色，赋予更深层次且更丰富的感觉。在避免使用深色或鲜艳颜色的同时，我们尽量确保整个调色板使用起来是流畅的。 

2-4. 图形 Pattern 

我们通过结合三种基本形状和不同颜色的球体来设计3D图形。在最终组合成“t”形之前，这些物体以不同角度随机散布在3D空间中。概念刻画方面，随意的形状聚集在一起形成了品牌标识中的logo。通过这些3D图形，我们表达了一种新的感觉，并创造了更为广泛的应用。

2-5. 字体设计 Typography

为了找到更为合适的，简洁而又不太坚硬的字体，我们做了多种比较。最终，英文使用Proxima Nova，中文则用方正兰亭黑简体。

3-1. 主视觉&海报 Key Visuals & Posters

基于上述概念，我们首先制作各种主视觉图形。我们把TDW的logo以不同的构图和形式放在3D空间中。为了让logo吸引眼球，周围的物体尽可能地保持简单。主视觉图形采用横向和纵向两种形式设计，以便可以以各种方式应用于活动之中。

为了设计海报，以主图形为基础，我们测试了各种布局。我们用各种方式测试logo和主版本的布局，并选择最为合适的版本。最后，我们将所选的布局应用于各种主视觉图形，在显示变化的同时，保持统一的色调和方式。

3-2. 其他应用 Other Applications 

基于品牌标识，我们提出多种应用场景，试图以一致的方式将品牌标识应用于这些场景之中。因为使用了3D图像和渐变色，我们特别注意确保线上线下场景的一致性。在线下场景精确地显示渐变色有点困难，但我们仔细调整了颜色，使其与线上色调相似。

3-3. 安装设计 Installation Design

基于设计概念，我们继续进行展位设计。展位是各种人聚集一起体验活动的场所，我们用迄今为止制作的各种图形设计了这个场所，同时保持了足够的简单性。

3-4. 线上视频 Online Video 

通过有效地利用主视觉和logo，也创建了为设计峰会而设立的演播室。适当的颜色校正和相机设置可以使屏幕不偏离整体的视觉色调。我们也试着让观众的注意力可以集中在演讲者身上。

4 网站 website

TDW官网的信息结构主要由 首页/设计峰会/创意市集/影像展示/往届回顾 这五部分组成，内容以嘉宾展示、图片及视频信息的呈现为主，因此在界面设计上希望给予更多的空间留白来凸显内容的展示，同时也让整体界面看起来更为的简约轻盈。

官网整体视觉上通过灵感激发的概念，带来了更全面的影响和改变，延展“设计向善”的理念传达。同时，希望将品牌片中空间感的想法体现在界面的处理上，通过局部破格的设计及元素滑动时的大小缩放、立体几何元素的视差滚动来体现平面视角上的空间概念。

5-1 延展概念可视化 Extensive concept visualization 

品牌标识的整体概念基于“设计向善”这个slogan。动画视觉用“变化”和“影响”作为关键词，强调设计是改变社会思维的催化剂，无论对消费者还是企业，在各行各业都有积极的影响。

5-2 故事版，“变化”与“影响”的可视化概念 Storyboard, visualizing the concept of CHANGE and INFLUENCE

视频的整体流程从3D物体开始。首先，它只是一个简单的球体形状，但随着视频的进行，它影响了周围的环境，并逐渐改变了形式。视频的结尾，所有变化的物体聚集在一起形成TDW的logo，使“变化”和“影响”得以形象化。

视频里的球体转换成多面体，这些多面体组合在一起，创建了一个有意义的logo。通过这种几何形态的变化，我们试着暗喻设计对社会变化起着积极而增效的作用。

5-3 动画 Animatics

在进行全面工作之前，我们制作了一个动画来检查整个图像的组成。为了创造出更具节奏感的动画形象，在动画制作前提前进行了声音处理。

5-4 材料渲染，细节 Rendering of materials, detailing 

首先，主要材料是用品牌的主颜色和渐变色构成的，我们还添加了金属、木材和玻璃等材料，以表达世界正因优秀设计而改变的理念。我们将这套材料适当地放于主视觉物体上，同时为动画增加更多的细节。除此之外，为了使动作更加地自然，还对一些动画场景进行了多轮模拟测试，

5-5 最终成果 Final artwork

TDW是一年一度的盛事，今年我们在更好的艺术方向上进行了各种各样的尝试。总体而言，我们使用了更多的3D图像和柔和的渐变色，通过最大化空间感，给人更加丰富和新鲜的印象。因此，我们做出了与以往活动不同的外观。TDW 2020于10月28日至30日举行，很多人参加了这次的活动，演讲者们也分享了许多与设计相关的想法和案例。能够参与这么有意义的活动并做出贡献，我们非常感激也十分地荣幸。不仅仅是设计行业，我们希望TDW能够吸引更多行业的人分享他们的经验。

文章来源：腾讯ISUX微信公众号