作者：飛兒
在SNG（腾讯社交网络事业群）品牌系统语言里，LOGO系统承载品牌视觉的最核心容器，是整个品牌视觉系统的灵魂，是品牌的精神文化理念、信誉、服务等特点的浓缩表现，直接影响着社交网络品牌的发展。本文核心剖析社交网络产品LOGO设计系统。
一、锐变启程
伴随着我们的成长的QQ，2016年已经成功锐变。新企鹅整体造型更加锐利、修身、简洁。企鹅的视觉角度从略带俯视变成了平视，让其图形更加的几何化。更简洁时尚的企鹅LOGO在年轻用户心中成为“潮鹅”。
QQ不是孤军奋战，是整个社交网络产品体系在一起奋进。
我们的用户群体是年轻且最有活力的一代。品牌的内涵理念要持续提升，以保证品牌贴近市场和用户。打造品牌语言系统，表层价值是让社交网络产品脱颖而出。深层价值是塑造一个专业创新的内容平台，承载整个互联网生活体系，反映社交网络产品对优质设计体验的追求。
品牌设计系统的背后是是整个社交网络品牌生态策略。社交网络品牌设计系统已经悄然进行，第一个重塑品牌的是腾讯云，接着腾讯企点、天天P图、微云等陆续刷新。
△ SNG品牌集群
二、设计系统背后的品牌生态策略
1.为什么要做？
SNG 打造一个丰富的内容平台，承载整个互联网生活体系。视觉体系是社交网络品牌盛放意义的容器。过去的社交网络品牌体系，没有一套成熟的品牌设计系统。我们需要打造品牌视觉设计系统，让用户认知社交网络品牌，获得用户更高的忠诚度。
△ 旧版SNG品牌集群
2.系统梳理
社交网络品牌语言系统的塑造，让QQ以及社交网络产品应用群传达一个明确且一致的品牌从属关系。同时品牌系统需给用户带来时代性的印象。我们对社交网络产品LOGO体系进行彻底梳理和革新，设计系统是品牌的表象，背后寓含着整个社交网络品牌生态策略。
3.系统建立 & 生态策略
我们的LOGO设计系统特征为独特、简洁、年轻、友好。设计系统内容包含了造型、质感、色彩三部份。设计细节体现社交网络品牌生态策略。
A. 造型
LOGO的造型设计是品牌视觉识别的具体表现。我们要打造简洁独特的造型，给用户留下直观深刻的品牌印象，让“文字”逐渐成为LOGO配角。LOGO造型越几何化，元素越纯粹，适用性就越强。
1）比例
LOGO规范模版对图形设计的大小、 空间安排、结构比例都具有辅助控制作用, 由4组辅助框组合而成。在规范模版生成的LOGO，整体视觉体积更一致。
2）面
造型以”面”型设计为主，始终保持整体饱满和稳固。圆润饱满的造型更符合年轻友好的产品气质，同时饱满的LOGO更能在众多产品中凸显出来。
3）视角
视角保持二维空间正视，禁止一切立体视角效果。代表社交网络产品是正面、稳定、可靠的。
4）类型
社交网络产品LOGO造型需凸显业务，图形和字母类的LOGO，适用性和传播性最强。同时形体方正的LOGO利于APP的呈现，充分凸显我们是社交网络产品。
5）元素
为了的使设计保持简洁明了，LOGO的组成元素控制在3个以内。简而不凡的LOGO，很小的尺寸也不会影响识别。个性凸显能的LOGO让用户马上记住，设计是产品精髓的表现。
6）圆角
社交网络产品保持着年轻友好，LOGO避免使用锋利的设计，设计细节需要做小圆角处理。同时LOGO最小圆角大小一致，以达到更高的统一度。
7）企鹅
产品名称带有“企鹅”前缀的LOGO设计，若使用“企鹅”元素，正面企鹅或侧面企鹅造型需与系统一致。 因为我们的用户只需要记住同样的企鹅，目的是塑造更一致的识别系统。
B. 质感
质感设计顺应当代扁平化趋势，去除一切繁杂的表现效果。纯净的设计，使LOGO表现更直接明朗，同时简约的设计时尚度更高更持久。去除质感带来了更大的设计挑战，因为对比七彩渐变的效果，纯色效果更难立刻凸显。
1）扁平化
设计去除一切繁杂的表现效果，保持无投影、无渐变、无透明。打造更简约的设计，是社交网络产品对精品塑造的追求。
2）APP － 核心产品 & 子产品
社交网络产品离不开APP的设计，APP底色需遵循统一的设计原则。社交网络产品分为核心产品、 独立产品、子产品三类。白底是社交网络风格，核心产品APP的底色推荐使用白色。因子产品为核心产品的衍生，所以子产品的APP底色统一为白色。
3）APP － 独立产品
系统需要每个产品保持自己的特征，给以独立产品更广的设计空间。独立产品APP底色可用其品牌色，让独立产品APP更独特和凸显。
4）SNG Brand Map
C. 色彩
设计系统的色彩库建立，能带给用户更一致的视觉感知。明亮的色彩代表社交网络产品的活力和热情，每个色系代表自己的产品属性。每个LOGO限制色彩3个以内，因为色彩越少，产品LOGO个性越鲜明。独特的品牌色能激发用户情感，让用户联想到我们的社交网络产品。正如看见Tiffany的粉绿色，就会联想到它的饰品。
1）色环
LOGO系统色环共有30色，每一个都有它的含义，它们有无数种搭配的可能存在。根据社交网络产品类别，系统将红、黄、蓝、绿、紫5大色系进行分类。
2）基础色
系统的6个基础色最为纯净，使用最为频繁。多数情况下，建议使用基础色。每个LOGO的彩色控制在3个以内，黑白色是无色系，不包括在色彩总数内。
3）色系属性
每个色彩都代表着各自的属性，根据色系感知和产品类别，系统将红、黄、蓝、绿、紫5个色系进行产品属性分类，打造更一致的品牌视觉感知。
蓝色系：
产品类别：社交类、企业类、运动类、科研类（权威、可靠、安全、创新、进取）
例如：腾讯云、TIM、微云、腾讯课堂、QQ运动、QQ阅读等。
黄色系：
产品类别：生活类、娱乐类（自信、积极、光明、幸福）
例如：QQ空间、企鹅FM等。
绿色系：
产品类别：音乐类、媒体类、通讯类、教育类（自然、希望、生命力、时尚）
例如：QQ音乐、NOW、企鹅辅导等。
红色系：
产品类别：娱乐类、美妆类、服务类（时尚、刺激、热情、帮助）
例如：QQ会员、天天P图、全民K歌、闪咖、企鹅MV、QQ全城助力等。
紫色系：
产品类别：娱乐类、游戏类、女性类（神秘、时尚、梦幻）
例如：花样直播、厘米秀等。
D.化繁为简
品牌系统塑造必须有规划有步骤地持续优化，我们优先将影响力较大的产品LOGO进行了革新。例如腾讯云、腾讯企点、天天P图这些用户量日渐庞大的产品。产品LOGO既要符合系统的规则，同时要承载产品各自的特点，这是品牌统一性的挑战。
华丽变身： 天天P图
天天P图是一款全能图像处理软件，包含美化照片、美容美妆、疯狂变妆、趣味多图等强大的图片编辑能力。旧版天天P图LOGO不符合系统设计，同时设计有提升的空间。如：1. P字线条设计较为单薄； 2. 整体颜色过多；3. 字体较细，不利于识别。
△ 旧版天天P图LOGO
造型：新版P字造型更独特，识别性更强。同时斜角的眼睛高光设计凸显天天P图的趣味性。
△ LOGO新旧对比
色彩：由8色减为3色，让品牌感知更纯粹。旧版品牌桃红色较为偏女性，新版品牌红更有吸引力，也更中性，利于天天P图覆盖更全面的适用人群。
△ 色环新旧对比
规范：新天天P图LOGO遵循系统设计规则革新，系统设计让LOGO更规整，适应性更强。
△ 天天P图LOGO规范
新LOGO个性更鲜明更有趣，充分传达天天P图“爱美更爱玩”的产品理念。新的品牌色红＋黑组合，视觉效果更有冲击力，快速在众多LOGO中凸显出来
三、系统持续刷新
社交网络品牌设计系统代表社交网络产品设计文化走向成熟。我们相信，正确与适合的设计应该坚持和推动。从一个品牌发展成一个品牌集群，需要品牌与其衍生产品一起发展影响力。互联网品牌时代，设计对于品牌的发展有着决定性的作用。单一的LOGO设计不足以支持一个社交网络品牌的发展，我们会持续优化品牌设计系统，提升设计理念和营造更优质的产品体验。社交网络品牌设计系统持续刷新中…
文章转载来源：ISUX
推荐阅读
屏幕尺寸越来越多，“首屏为王”还有效么？
Medium评选的年度最佳设计文章2016
【可报名】6周锻造1名优秀的产品设计师
我们对轮播图的设计，都错了
如何做一份视觉竞品分析
关注UXRen微信公众号(cnUXRen)
版权声明：除转载文章外，本站所有文章版权归UXRen社区所有，转载请注明出处：UXRen社区，并保留本站原文链接地址。本站部分文章来自互联网及公开渠道，如有侵权请及时联系我们。邮箱：contact@13tech.com.cn
原创文章，作者：震天下，如若转载，请注明出处：https://www.iamue.com/21077/
