「设计师问设计师」第2期 淘宝的设计规范是如何统一的?

本期问题

像淘宝这么大体量的APP，是怎么做到规范统一的呢？又如何在规范内发挥个人的创造力呢？

—— 奶油面包猫 等读者

设计规范，我更倾向于用“设计指南”来描述。因为规范常常描述为确定的，不可更改的，但实际上这是不可能，因为规范应用的业务场景和设计环境一直是动态在变的，而“设计指南”是指南针，可以代表着是一种动态的设计趋势，时刻保持更新。

淘宝设计指南的制定与执行，我最大的感受是“达成共识”，形成一致的意见。

与设计师达成共识，这个阶段是前期问题收集、设计策略制定、方案探索的时期，至下而上的过程。大部份设计师是战斗于一线的，长期的设计实践中大家都是单点工作，往往同样一个功能在不同业务下是近似而又有差异化，这时候需要能有横向多点能力的设计师来统一化设计，经过归纳总结后形成通用性的方案，达成解决同一个问题的“共识”。在淘宝设计团队，很多设计指南都是业务设计师在看到不同业务近似问题后自主去形成统一规则并横向推动的。

与上层leader达成共识，让TA们为设计方案买单，这个阶段要求设计指南的思维高度一致和内容完整，将充满细枝末节的业务设计指南更抽象化地提取，从而形成全站的设计语言，与整个团队的设计方向和策略达成“共识”。手机淘宝APP的视觉风格表面上看从2016年的扁平，到2017年的渐变色，再到今年的大圆角设计是样式的变化，其实一直没脱离淘宝品牌的核心设计语言“圆”，就是“淘”字logo图形左上角那个特殊处理过的“圆”。淘宝“圆”是亲和的，没有菱角；淘宝“圆”是橙色的，活力而又鲜明。设计师在具体执行设计指南中，前提是理解核心设计语言，从而发挥自身创造力解决业务问题，否则就很容易限制于像素与间距的条条框框里。

与合作执行方达成共识，执行是自上而下的过程，但需要更多地站在对方角度看，做出相应的动态调整。APP设计开发是个系统工程，设计指南需要转化为各个环节的相应的内容，比如产品文档、开发组件代码等才能真正呈现在用户面前。开发同学也面临着相似情况：同样的功能却有多套代码实现。我们抓住统一设计与调用这个重要“共识”，设计指南就较容易落地为具体业务的开发组件。

最后想说，设计师需要在实际小项目中不断锻炼“达成共识”这个通用能力，那么后续遇到更庞大复杂项目时也能迎刃而解的。

from 明飒

设计规范的本质目的是保证整体产品的体验一致，在一个多人协同设计的团队中，保证整体体验一致最重要的是保证每个人的设计产出一致。在这个维度上，常见的几个策略可能包括：

· 初级：制定规范文档

· 进阶：建立具备开发可调用的UI-Kit

· 高阶：创造协同设计工具

能使用哪个阶段的策略达成体验一致的目标，需要视团队大小，规范易用程度而定。

另外，像淘宝这样业务类型极其多变的产品，在规范的制定上一致性与独特性是共存的，例如基础的控组件需要强制约，而淘内子品牌特性需要弱制约。

简单来说，就是需要设定规范管辖的颗粒度。我更倾向把颗粒度聚焦在最基础的元素上，而不去做框架层面的束缚，从而让协同的设计师都有发挥的余地。

总而言之，设计规范是一个设计团队协作的基石但不是束缚创意的工具——新手用规范搞定需求，老手把规范玩出花样，高手引领规范演进。

from 群剑

我想结合去年淘宝2017改版中实战经验，以及现在的一些思考分享我对于这个问题的理解，希望对类似问题有困扰的读者有帮助。

作为主设计师：设计规范的形成需要一个主设，围绕专家团评审通过的设计理念和概念设计，由主设完善风格和体系化的基础规范，组织设计师进行宣讲，也在这一过程中综合、跨业务地了解和考量不同情况，听取各业务设计师的问题建议、与各业务设计师一起共建落地。

其中的难点在于，主设要有全局思维以及把控能力。这里我大概提出几个重要思考点：

1、你的设计语言是什么，是否能成风格体系，是否易渗透和足够渗透？

2、什么是优秀的规范设定？规范是否具备时代性、框架性、普适性、实用性、延展性，最后评估哪些是主设需要把控的范围，哪些是交由业务设计师创意发挥并决策的范围？前面四点属于规范共性点，主设可全局跟进走查把控的范围，而后面拓展性、创意性属于业务特色差异化设计划定。

3、设计师是否完全理解你的设计理念？你的宣讲和跟进是否到位，确保每个参与的设计师跟你是否在同一个方向上，共建统一的设计体验，给用户统一的品牌认知。每个设计师的做法都有出入，所以这一过程中需要反复沟通设计理念及规范的一致理解，并通过反复走查优化来达到产品体验大一统的形象。

4、面对体量越庞大的工作，你是否具备或开始具备全局观思维？——于平台（品牌）、于业务（升级）、于用户（体验）于技术（架构）、于设计（价值），于商业（赋能）等多维思考。以及，是否具备结构化思维？你的划分是否具有一定的体感，避免琐碎无组织的现象。主设的整体规划、组织能力、跟进能力不同，会呈现出不同结果。

更为详细的，可以阅读《淘宝2017设计升级》相关总结。

作为业务设计师：作为直接负责各具体业务线的设计师，需要仔细理解规范和理念，认同设计规范的价值，积极配合主设走查，主动提出问题，辅助主设完善设计规范，并驱动自己业务、技术落地。基于大的规范结合业务特色、痛点等因素进行设计发挥，帮助业务解决问题、变得更好，这部分更多的关注点是侧重业务本身的体感升级，对业务设计师的创意能力要求较高，例如考量是否足够全局、有远见、专业细腻以及执行力、驱动力等。

具体可以借鉴在全新的淘宝2017改版中，各核心业务设计师输出的系列总结文章，例如：

《淘宝2017-店铺体验和商业价值的设计升级》、《淘宝2017-可能迄今为止最懂你的”我的淘宝”》、《淘宝2017-商品详情页改版设计》等。

from 子鹿