专栏名称: LOGO大师
高端标志设计第一定制品牌|专注LOGO设计及品牌设计研究
目录
相关文章推荐
字体设计  ·  2025设计师们的年賀状 ·  2 天前  
优秀网页设计  ·  每日下载丨5种风格,3轴可变免费英文字体! ·  5 天前  
庞门正道  ·  没想到你是这样的热狗! ·  4 天前  
庞门正道  ·  被误解,才是真实的社交。 ·  4 天前  
INSIGHT视界  ·  Chanel新任设计总监曝光,网友看笑了:有 ... ·  4 天前  
INSIGHT视界  ·  Chanel新任设计总监曝光,网友看笑了:有 ... ·  4 天前  
51好读  ›  专栏  ›  LOGO大师

干货 | 腾讯2016年的品牌体验设计都在这2分06秒里!

LOGO大师  · 公众号  · 设计  · 2017-04-07 21:59

正文

LOGO大师整理编辑(ID:logods)文章参考:Designup、腾讯ISUX


引言:腾讯ISUX发布了2016腾讯品牌体验设计,2分06秒的视频向大家展示腾讯一整年的产品品牌体系设定,一只快速成长蜕变的企鹅,活跃于我们眼前。



腾讯旗下各大产品从标志设计、专用字体、影像色调规范到多媒体应用、QQfamily IP形象设定,都在传递高度统一的品牌视觉印象,逐步提高用户心中的品牌认同感。


在腾讯的系列产品中(包括QQ, QQ空间, 天天P图, NOW, 企鹅电竞, 腾讯云, 闪咖, 腾讯云图, 微云, 腾讯课堂等),ISUX设计团队是如何传达统一的品牌视觉体系?



品牌视觉系统的统一性

腾讯整体的品牌内涵理念随着市场持续更新,致力于传达简洁时尚、年轻友好的品牌形象。其背后的设计细节逐步体现完整的品牌生态策略。


1. 造型设计

设计团队打造简洁独特的造型,趋于几何化,适用性强,为用户留下直观深刻的品牌印象。制定Logo规范模板,对图形设计的大小、空间安排、结构比例具有辅助控制作用,由规范模板生成的Logo整体视觉更一致。



造型以“面”型设计为主保持整体饱满和稳固,圆润饱满的造型,更符合年轻友好的产品气质,视角保持二维空间正视。



避免使用锋利的设计,设计细节需要做小圆角处理。在任何产品中使用“企鹅”元素,正面或侧面企鹅造型应与系统保持一致。用户记住的是同样的企鹅,塑造一致的识别系统。


2. 质感

顺应扁平化设计趋势,化繁为简。保持无投影、无渐变、无透明,打造更简约的产品设计。核心产品与子产品底色保持统一的风格,独立产品为了突出个性,拥有更广的设计空间。



3. 色彩

SNG(腾讯社交网络事业群)色环将红、黄、蓝、绿、紫五大色系进行分类。腾讯建立的色彩库,每个色系代表独特的产品属性



蓝色系:权威、可靠、安全、创新的印象,比如腾讯云、腾讯课堂、微云等;

黄色系:生活娱乐类,代表自信、积极、光明,比如QQ空间、企鹅FM;

绿色系:音乐、媒体、通讯、教育类,比如QQ音乐、NOW等;

红色系:娱乐美妆服务类,时尚热情,比如天天P图、闪咖;

紫色系:娱乐、女性类,比如花样直播;


4. 字体规范

字体能影响产品带给人最直观的感受。腾讯品牌字体中,首先遵循母品牌的字体规范,其次具备整体的统一性。



比如“竖提”笔画左下角不需要切平,“点”直线,末水平/垂直切平,“横竖”绝对的水平垂直,设定基准线等严格的字体规范,让用户通过字体,都能辨识出是腾讯品牌。



在2月份腾讯曾经发布过企鹅电竞就品牌策划设计过程。下面以腾讯其中两个产品为例,详细的谈谈腾讯品牌视觉统一性所花费的心思。


腾讯微云WEB端和移动端改版

去年年底,腾讯微云,进行了一次“简单”的改版:针对微云WEB端与移动端体验不一致,进行改动!



整个项目改版难度有两个:

1、微云WEB端更新频率低于移动端,所以设计需要有前瞻性;

2、WEB端与移动端体验场景不一致,需要在体验设计上进行协调。


品牌统一性

在设计一款产品不同平台客户端的时候,首先要保证品牌的统一性。Logo、字体、品牌色、品牌调性甚至是文案的措辞规范都是需要严格保持一致的。



交互框架的对齐

尽量追求多端统一的用户体验,但手机和电脑的操作场景差别很大,移动端的多级导航设计是针对小屏幕局限性做出的一定妥协。


在空间足够大的WEB端,所有的二级导航平铺出来,可以减少一个层级,通过对导航项归类的方式与移动端统一。



WEB端改版前后


两端导航改版前后



品牌调性和视觉风格的对齐

在视觉风格上,微云移动端最具代表性的就是蓝色的品牌色和线型的图标,为了避免用户在WEB端因大面积蓝色的出现视觉负担,最终选择了纯白浅灰作为主色,蓝色作为局部点缀。


主界面


秉承着简洁、自然、易识别的原则,设计团队对所有的小图标进行了优化。简化了旧版本中的复杂表达,并对默认态、hover态和选中态进行了规范。



图标改变前后


由此可以看出微云的每一个部分都经过设计团队的精心打磨!


QQ Family—腾讯官方IP形象

QQfamily是腾讯品牌视觉体系最有力的展示。随着腾讯的发展,除了最熟悉的企鹅形象之外,企鹅家族也在不断壮大,IP形象对品牌的效果越来越显著。


以QQ企鹅形象为延展,赋予每个形象独特的外观和个性,融入不同的产品社交场景,更具情感化的表达积极、年轻的品牌含义。QQfamily不仅是形象,更代表有趣、赋予变化的生活态度。



通过塑造鲜活有趣的形象和故事来触达用户,激发用户的情感共鸣,并辅以生动的卡通元素和统一的色彩。



IP形象的设定离不开品牌本身的基调,更多地是作为一个品牌的拓展和延续。因此,每个IP都有独特的性格和故事。




QQ:一个引领者。他对任何时尚潮流感兴趣,并且乐于尝试。

Dov:虽然多福的表情设定不能灵活的表达多样情绪,但他有一颗温暖和善良的心。

babyQ:总是满怀积极能量,他总是对任何事物保持好奇,总能提出很多问题。

Anko:安子很有音乐天分,对自己的声音也充满信心。她喜欢展示自己,但是一旦被人忽略便会暗自难过。

Oscar:奥斯卡很自信。他觉得自己是这里最帅的以至于所有的女孩子都应该来爱他。他最不能接受的是自尊心被伤害。

Qana:卡纳喜欢冒险。不论是开心还是生气,情绪都展现在脸上。他最喜欢和朋友一起去露营。


统一的品牌识别系统的意义

作为BAT三大巨头之一,腾讯早就意识到设计对于品牌决定性的作用。而腾讯的触角更是早已遍及社交、金融、娱乐、咨询、工具和平台,建立六大板块体系。



从一个品牌发展成一个品牌集群,需要品牌及其衍生产品一起发力。从整体性考虑一个品牌构建高度统一的品牌识别系统,传达一致的品牌理念。



用户从千万个不同的元素中也能找到品牌的统一性,真正建立品牌忠诚度。认真考虑、尊重用户的使用习惯,以不变应万变,在不变中求创新。


我们一起看看完整的视频吧



相关文章阅读 

腾讯品牌设计:企鹅电竞品牌设计过程




肚子里有干货,才能干点大事


-做更好的标志,找LOGO大师!-

合作微信:logodashi300 / QQ:1198617798


【部分案例点击链接:狸想家、俏西关、汤臣倍健 Hirun 山力士、 乐岛、三个辣椒、 及木诺兰卡 、卤知盛舒宠 、熊猫兔、洱海小调 、更多作品回复“案例”