分享

腾讯30多个LOGO重新设计,给设计者带来的启发

 涂鸦吧 2017-11-15

腾讯今年的很多产品比如 QQ /腾讯云 /QQ音乐 /应用宝等等 ,你可以不一定留意到了,这个30多个LOGEO全是来自不同的领域,不过重新设计他依旧三个方面即造型、质感、色彩来考虑 ,GET到这些技能,完全不用担心自己的设计太LOW ,太丑,跟不上不变化。

腾讯今年的很多产品比如 QQ /腾讯云 /QQ音乐 /应用宝等等 ,你可以不一定留意到了,这个30多个LOGEO全是来自不同的领域,不过重新设计他依旧三个方面即造型、质感、色彩来考虑 ,GET到这些技能,完全不用担心自己的设计太LOW ,太丑,跟不上不变化。

在TX设计网络SNG品牌语言系统中,LOGO在系统中体验核心的视觉效果,也是整个品牌视觉体系中的灵魂所在,浓缩表现出品牌中精神文化的运营理念,服务信誉等,对后续的发展有着非常直接而且重大的影响。

锐变启程

QQ发展过程中在去年已经成功的蜕变。更加简洁,锐利,精致的新企鹅形象展现在我们面前。角度视觉上从之前略带的俯视到现在的平视,图形也更加几何化,特别事简洁时尚的新LOGO企鹅,紧抓年轻用户的审美,成为不折不扣的“潮鹅”。

QQ说代表的是一个社交网络,而非单一的产品,在年轻用户的产品一定呈现出相当的活力。一个品牌出现发展也离不理念内涵的持续提升,紧贴市场和用户。一个品牌,他的表现价值就是让产品从表层脱颖而出。深层次的是需要塑具备高创新性而且专业化的内容平台,承载互联网下整个生活体系,反映出社交网络的产品对优质设计完美体验的追求。

LOGO品牌设计体系说呈现的是整个社社交性网络化品牌产品的生态发展规划,已经在悄然的进行着。先事云服务的巨头腾讯云,然后是腾讯起点,天天P图,微云等悄然进行着。

△ SNG品牌产品集群

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

为什么要做?

SNG打造一个丰富的内容平台,承载整个互联网生活体系。视觉体系对于社交网络品牌老说有盛大的包涵意义。一直以来设计网络品牌产品都没有一个完成的设计体验体系。只有我们打造出网上的品牌视觉设计系统,才可以成为用户认知的设计网络品牌产品,拥有高忠诚度的用户。

△旧版SNG品牌集群

系统梳理

塑造社交性网络品牌产品视觉语言系统。让QQ以及社交网络品牌应用群,表现出一个明确且一致的品牌从属关系。同时品牌系统给用户带来时代性的印象。

系统建立 &生态策略

LGO设计视觉系统所表现的出独立特别,完美简洁,年轻化,用户体验友好的特点。包含了造型,质感,色彩三部分的设计要素,细节上也展现社交网络品牌的生态发展策略。

1.造型

在LOGO的造型设计上,打造简洁独特的造型,留下直观深刻的品牌印象,让“文字”逐渐成为LOGO配角。LOGO造型越几何化,元素越纯粹,适用性就越强。

1)比例

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

2)面

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

3)视角

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

4)类型

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

5)元素

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

6)圆角

社交网络产品保持着年轻友好,避免锋利的感觉设计,做小圆角轮廓细节处理。同时LOGO小圆角大小一致,高度的统一化。

7)企鹅

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

2.质感

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

1)扁平化

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

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

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

3)APP -独立产品

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

4)SNG Brand Map

3.色彩

设计系统的色彩库建立,能带给用户更一致的视觉感知。每个色系都有自己的产品属性。在设计中,一个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全城助力等。

紫色系:

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

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

化繁为简

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

华丽变身:天天P图

天天P图是一款全能图像处理软件,可以美化照片、美容美妆、疯狂变妆等非常有趣好玩。旧版天天P图产品LOGO不符合系统设计,具有较多提升的空间。如:1. P字线条设计较为单薄; 2.整体颜色过多;3.字体较细,不利于识别。

△旧版天天P图LOGO

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

△ LOGO新旧对比

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

△色环新旧对比

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

△天天P图LOGO规范

凸显天天P图“爱美更爱玩”的产品理念。用红+黑色彩组合,强大的视觉冲击力,在诸多LOG产品中快速凸显。

系统持续刷新

社交网络品牌设计系统代表社交网络产品设计文化走向成熟。我们相信,正确与适合的设计应该坚持和推动。从一个品牌发展成一个品牌集群,需要品牌与其衍生产品一起发展影响力。互联网是一个品牌时代,设计对于品牌的发展有着决定性的作用。

关注微信公众号 “ UI设计酱 ” ,获取更多学习资料。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多