滴滴出行5.0图标炼成记

Hello！

11月底滴滴出行客户端更新到全新的5.0版本，想必大家都已经开始体验啦，其中有个很重要的变化是整个滴滴图形系统的视觉升级。那么作为一个大型项目的分支设计，是怎样做项目推动与协同的呢？

今天就与大家聊聊5.0的图标设计炼成记。

该项目由四个常规的设计阶段组成，包括 前期需求分析、设计目标设定、中期视觉探索、后期设计评审与流程搭建，那么在这几个阶段上我们有哪些思考的呢？可以着重聊聊：）

为什么要重新定义图标？

主要从两方面进行阐述：

• 业务表达方向，包括用户诉求和业务诉求两点。用户诉求是指符合用户使用场景的图形设计表达；业务诉求是指满足业务的诉求表达且能够有效地满足业务需求。

• 品牌特征方向，具体表现为体验诉求。体验诉求是指要突出滴滴出行这一品牌，同时还要结合滴滴独特的设计语言。

我们梳理了之前线上图标存在的几个问题：

• 图形比较卡通

• 没有显著的设计特征

• 业务线无法对设计进行延续

• 没有凸显品牌特征

同时我们也调研了目前行业内比较流行的图标设计风格，进行分析

我们归类这些优秀图形设计的一些共性特征

• 简洁、易用、识别性强
  

• 趣味、友好、情感充沛
  

• 个性、统一、品牌情感化传递
  

• 细节、专业、体系、扩展性强
  

在此基础上我们对图形设计的探索，尝试了四个方向的概念

1、几何切割，设计基调保持干净、简洁。

2、活泼有个性，设计基调保持圆润、优雅。

3、极致细节刻画，设计基调保持稳重、成熟、高品质。

4、延续品牌个性，设计基调保持传递、延展。

那么如何在这几个方向中寻找到与品牌气质有更好的结合的方案？

我们在品牌logo和品牌关键词中寻找一些关键要素。

首先在品牌logo上，我们抽取logo顶部平滑、底部圆润这两个关键元素进行特征放大。并且结合滴滴科技感、效率、简洁、友善 等品牌关键词进行融合。

提取了图形关键元素进行延展。

在图形统一性上，我们以关键形态以网格为基础，后续形态设计以此为准则，保证图标视觉体量的一致性。

通过结构剖析，一致的圆角半径是图标系统的关键要素。设计将结合滴滴品牌特性及logo特征在图形细节上进行设计强化。

我们已上述标准搭建了 图形设计标准的四个关键要素：

• 品牌表达、突出个性

• 保持简洁、减少元素

• 表意明确、识别性强

• 传递情感、产生共鸣

并扩展设计了整套图标

5.0图标已经在客户端落地，欢迎大家全新的滴滴出行客户端。

图标优化项目核心支持：赵刚、刘沛华、欣欣、陈颖莹 、郭瑶

动画支持：吴依婷

在此也感谢所有参与项目的产品、设计、开发同学。