腾讯有30多个LOGO的重设计,都是靠这个思路完成的

2017/01/22 44979

tencent-logo-design-method-1

编者按:今年腾讯很多品牌进行了改版(QQ/腾讯云/QQ音乐等等),说出来你可能不信,尽管这30多个LOGO所处领域完全不同,但重设计却都依照了一个思路(包括造型/质感/色彩3方面),想跟上潮流,学到方法,这篇绝对不能错过!

飛兒:在SNG(腾讯社交网络事业群)品牌系统语言里,LOGO系统承载品牌视觉的最核心容器,是整个品牌视觉系统的灵魂,是品牌的精神文化理念、信誉、服务等特点的浓缩表现,直接影响着社交网络品牌的发展。本文核心剖析社交网络产品LOGO设计系统。

锐变启程

伴随着我们的成长的QQ,2016年已经成功锐变。新企鹅整体造型更加锐利、修身、简洁。企鹅的视觉角度从略带俯视变成了平视,让其图形更加的几何化。更简洁时尚的企鹅LOGO在年轻用户心中成为“潮鹅”。

QQ不是孤军奋战,是整个社交网络产品体系在一起奋进。

我们的用户群体是年轻且最有活力的一代。品牌的内涵理念要持续提升,以保证品牌贴近市场和用户。打造品牌语言系统,表层价值是让社交网络产品脱颖而出。深层价值是塑造一个专业创新的内容平台,承载整个互联网生活体系,反映社交网络产品对优质设计体验的追求。

品牌设计系统的背后是是整个社交网络品牌生态策略。社交网络品牌设计系统已经悄然进行,第一个重塑品牌的是腾讯云,接着腾讯企点、天天P图、微云等陆续刷新。

uisdc-sng-20170122-1

△ SNG品牌集群

设计系统背后的品牌生态策略

为什么要做?

SNG 打造一个丰富的内容平台,承载整个互联网生活体系。视觉体系是社交网络品牌盛放意义的容器。过去的社交网络品牌体系,没有一套成熟的品牌设计系统。我们需要打造品牌视觉设计系统,让用户认知社交网络品牌,获得用户更高的忠诚度。

uisdc-sng-20170122-2

△ 旧版SNG品牌集群

系统梳理

社交网络品牌语言系统的塑造,让QQ以及社交网络产品应用群传达一个明确且一致的品牌从属关系。同时品牌系统需给用户带来时代性的印象。我们对社交网络产品LOGO体系进行彻底梳理和革新,设计系统是品牌的表象,背后寓含着整个社交网络品牌生态策略。

uisdc-sng-20170122-3

系统建立 & 生态策略

我们的LOGO设计系统特征为独特、简洁、年轻、友好。设计系统内容包含了造型、质感、色彩三部份。设计细节体现社交网络品牌生态策略。

1. 造型

LOGO的造型设计是品牌视觉识别的具体表现。我们要打造简洁独特的造型,给用户留下直观深刻的品牌印象,让“文字”逐渐成为LOGO配角。LOGO造型越几何化,元素越纯粹,适用性就越强。

1)比例

LOGO规范模版对图形设计的大小、 空间安排、结构比例都具有辅助控制作用, 由4组辅助框组合而成。在规范模版生成的LOGO,整体视觉体积更一致。

uisdc-sng-20170122-4

2)面

造型以”面”型设计为主,始终保持整体饱满和稳固。圆润饱满的造型更符合年轻友好的产品气质,同时饱满的LOGO更能在众多产品中凸显出来。

uisdc-sng-20170122-5

3)视角

视角保持二维空间正视,禁止一切立体视角效果。代表社交网络产品是正面、稳定、可靠的。

uisdc-sng-20170122-6

4)类型

社交网络产品LOGO造型需凸显业务,图形和字母类的LOGO,适用性和传播性最强。同时形体方正的LOGO利于APP的呈现,充分凸显我们是社交网络产品。

uisdc-sng-20170122-7

5)元素

为了的使设计保持简洁明了,LOGO的组成元素控制在3个以内。简而不凡的LOGO,很小的尺寸也不会影响识别。个性凸显能的LOGO让用户马上记住,设计是产品精髓的表现。

uisdc-sng-20170122-8

6)圆角

社交网络产品保持着年轻友好,LOGO避免使用锋利的设计,设计细节需要做小圆角处理。同时LOGO最小圆角大小一致,以达到更高的统一度。

uisdc-sng-20170122-9

7)企鹅

产品名称带有“企鹅”前缀的LOGO设计,若使用“企鹅”元素,正面企鹅或侧面企鹅造型需与系统一致。 因为我们的用户只需要记住同样的企鹅,目的是塑造更一致的识别系统。

uisdc-sng-20170122-10

2. 质感

质感设计顺应当代扁平化趋势,去除一切繁杂的表现效果。纯净的设计,使LOGO表现更直接明朗,同时简约的设计时尚度更高更持久。去除质感带来了更大的设计挑战,因为对比七彩渐变的效果,纯色效果更难立刻凸显。

1)扁平化

设计去除一切繁杂的表现效果,保持无投影、无渐变、无透明。打造更简约的设计,是社交网络产品对精品塑造的追求。

uisdc-sng-20170122-11

2)APP - 核心产品 & 子产品

社交网络产品离不开APP的设计,APP底色需遵循统一的设计原则。社交网络产品分为核心产品、 独立产品、子产品三类。白底是社交网络风格,核心产品APP的底色推荐使用白色。因子产品为核心产品的衍生,所以子产品的APP底色统一为白色。

uisdc-sng-20170122-12

3)APP - 独立产品

系统需要每个产品保持自己的特征,给以独立产品更广的设计空间。独立产品APP底色可用其品牌色,让独立产品APP更独特和凸显。

uisdc-sng-20170122-13

4)SNG Brand Map

uisdc-sng-20170122-14

3. 色彩

设计系统的色彩库建立,能带给用户更一致的视觉感知。明亮的色彩代表社交网络产品的活力和热情,每个色系代表自己的产品属性。每个LOGO限制色彩3个以内,因为色彩越少,产品LOGO个性越鲜明。独特的品牌色能激发用户情感,让用户联想到我们的社交网络产品。正如看见Tiffany的粉绿色,就会联想到它的饰品。

1)色环

LOGO系统色环共有30色,每一个都有它的含义,它们有无数种搭配的可能存在。根据社交网络产品类别,系统将红、黄、蓝、绿、紫5大色系进行分类。

uisdc-sng-20170122-15

2)基础色

系统的6个基础色最为纯净,使用最为频繁。多数情况下,建议使用基础色。每个LOGO的彩色控制在3个以内,黑白色是无色系,不包括在色彩总数内。

uisdc-sng-20170122-16

3)色系属性

每个色彩都代表着各自的属性,根据色系感知和产品类别,系统将红、黄、蓝、绿、紫5个色系进行产品属性分类,打造更一致的品牌视觉感知。

蓝色系:

产品类别:社交类、企业类、运动类、科研类(权威、可靠、安全、创新、进取)

例如:腾讯云、TIM、微云、腾讯课堂、QQ运动、QQ阅读等。

uisdc-sng-20170122-17

黄色系:

产品类别:生活类、娱乐类(自信、积极、光明、幸福)

例如:QQ空间、企鹅FM等。

uisdc-sng-20170122-18

绿色系:

产品类别:音乐类、媒体类、通讯类、教育类(自然、希望、生命力、时尚)

例如:QQ音乐、NOW、企鹅辅导等。

uisdc-sng-20170122-19

红色系:

产品类别:娱乐类、美妆类、服务类(时尚、刺激、热情、帮助)

例如:QQ会员、天天P图、全民K歌、闪咖、企鹅MV、QQ全城助力等。

uisdc-sng-20170122-20

紫色系:

产品类别:娱乐类、游戏类、女性类(神秘、时尚、梦幻)

例如:花样直播、厘米秀等。

uisdc-sng-20170122-21

化繁为简

品牌系统塑造必须有规划有步骤地持续优化,我们优先将影响力较大的产品LOGO进行了革新。例如腾讯云、腾讯企点、天天P图这些用户量日渐庞大的产品。产品LOGO既要符合系统的规则,同时要承载产品各自的特点,这是品牌统一性的挑战。

华丽变身: 天天P图

天天P图是一款全能图像处理软件,包含美化照片、美容美妆、疯狂变妆、趣味多图等强大的图片编辑能力。旧版天天P图LOGO不符合系统设计,同时设计有提升的空间。如:1. P字线条设计较为单薄; 2. 整体颜色过多;3. 字体较细,不利于识别。

uisdc-sng-20170122-22

△ 旧版天天P图LOGO

造型:新版P字造型更独特,识别性更强。同时斜角的眼睛高光设计凸显天天P图的趣味性。

uisdc-sng-20170122-23

△ LOGO新旧对比

色彩:由8色减为3色,让品牌感知更纯粹。旧版品牌桃红色较为偏女性,新版品牌红更有吸引力,也更中性,利于天天P图覆盖更全面的适用人群。

uisdc-sng-20170122-24

△ 色环新旧对比

规范:新天天P图LOGO遵循系统设计规则革新,系统设计让LOGO更规整,适应性更强。

uisdc-sng-20170122-25

△ 天天P图LOGO规范

新LOGO个性更鲜明更有趣,充分传达天天P图“爱美更爱玩”的产品理念。新的品牌色红+黑组合,视觉效果更有冲击力,快速在众多LOGO中凸显出来。

uisdc-sng-20170122-26

系统持续刷新

社交网络品牌设计系统代表社交网络产品设计文化走向成熟。我们相信,正确与适合的设计应该坚持和推动。从一个品牌发展成一个品牌集群,需要品牌与其衍生产品一起发展影响力。互联网品牌时代,设计对于品牌的发展有着决定性的作用。单一的LOGO设计不足以支持一个社交网络品牌的发展,我们会持续优化品牌设计系统,提升设计理念和营造更优质的产品体验。社交网络品牌设计系统持续刷新中…

uisdc-sng-20170122-27

「人气过亿的QQ 都是怎么设计的?」

  1. 夜间模式丨《超过8亿人使用的QQ,总结了夜间模式设计的通用方法》
  2. QQ 表情丨《揭秘QQ 新版表情背后的设计故事》
  3. QQ 会员丨《通过优化,我们将QQ会员付费用户数提高了5倍!》

原文地址:腾讯ISUX

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/tencent-logo-design-method

好文 界面设计 UI 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 设计流程 职场 用户体验设计 素材下载 视觉设计 配色 web前端开发 设计规范 海报设计 AI教程 产品设计 字体下载 设计理论 设计趋势 神器下载 动效设计 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里