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

TDW(腾讯设计周)是由腾讯举办的年度设计盛会,不仅汇聚腾讯设计师,也有来自其他地方和其他行业的设计师分享不同的观点。
  • Shengxi
  • 2020-11-17
  • 0
  • 1433


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微信公众号

每天更新,
全站高品质素材免费下载!