活动没灵感,就上益闻网-营销活动案例库-益闻EVENT活动没灵感,就上益闻网-营销活动案例库-益闻EVENT   

1080-95 新年日历banner.png

设计峰会 × 创意集市:「腾讯设计周2020」in 深圳腾讯大厦北广场 
评论:0
收藏:23
类型: 大会发布会、创意设计
行业: 科技互联网、文创艺教
品牌: 腾讯
代理商: 待认领
时间: 2020-10-28
作者: ISUX设计
来源: 腾讯ISUX(公众号ID: tencent_isux)
案例详情
案例评论(0)
热门推荐

*本文来源:腾讯ISUX(公众号ID: tencent_isux);作者: ISUX设计;原标题:《腾讯设计周2020品牌设计语言剖析》

设计美好Design for Good,腾讯设计周2020如约而至。

640.jpg


01

About TDW 2020

1.1 TDW 2020

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

640_3.jpg

1.2 原始概念 The Origin Of Concept

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

640_4.jpg

1.3 视觉概念 Visual Concept

640_5.jpg

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


02
Basic Design
Elements

2.1 Logo

640_7.jpg

640_8.jpg

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

640_9.jpg

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

2.2 颜色 Color

640_10.jpg

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

2.3 图形 Pattern

640_11.jpg

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

2.4 字体设计 Typography

640_12.jpg

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


03
Application
Design

3.1 主视觉&海报 Key Visuals & Posters

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

640_14.jpg

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

640_15.jpg

3.2 其他应用 Other Applications

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

640_16.jpg

3.3 安装设计 Installation Design

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

640_17.jpg

640_18.jpg

640_19.jpg

640_20.jpg

640_21.jpg

640_22.jpg

640_23.jpg

3.4 线上视频 Online Video

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

640_24.jpg


04

Website

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

640_26.jpg

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

640_27.gif


05

Brand Ident

5.1 延展概念可视化 Extensive concept visualization

640_29.jpg

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

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

640_30.png

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

640_31.gif

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

5.3 动画 Animatics

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

640_32.gif

5.4 材料渲染,细节 Rendering of materials, detailing

640_33.png

640_34.gif

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

5.5 最终成果 Final artwork

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

640_35.jpg

640_36.jpg

640_37.jpg

640_38.jpg

640_39.jpg

*本文来源:腾讯ISUX(公众号ID: tencent_isux);作者: ISUX设计;原标题:《腾讯设计周2020品牌设计语言剖析》

文章底部分割线.png

近期热门方案合集推荐 —

20-10-15 专题合集封面(定稿)-15.jpg

20-10-15 专题合集封面(定稿)-14.jpg

20-10-15 专题合集封面(定稿)-11.jpg

20-10-15 专题合集封面(定稿)-16.jpg

【版权声明】内容仅分享作者观点,不代表益闻网( www.yievent.com‍ )立场,欢迎加益哥小兄弟@策划界余文乐交流,乐叔微信:cehuaren06(请备注:益闻-城市-职位)。部分图文来源于网络,版权归原作者或原单位所有,每篇案例务必注明作者及原始来源,如有错漏、侵权,请联系

TOP 250

益闻网对你的工作是否「有益」?
棒棒哒
扣鸡腿
投票
查看结果

1080-95 新年日历banner.png‍‍