所有分类
  • 所有分类
  • 未分类

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

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

本期问题

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

—— 奶油面包猫 等读者

不得不说,这期的问题真的相当有深度。

这其实并不是“淘宝这么大体量的APP”才需要面对的挑战,而是一个在任何设计团队里都会长期面对、不断探索最优解的一个问题,只是这个问题对淘宝而言确实尤为重要。

无规矩不成方圆,何况淘宝这样业务复杂度极高的国民级产品背后,是众多设计风格、偏好各异的设计师们,缺少统一设计规范的驾驭的后果不堪设想,而设计规范的统一从执行到落地更绝非易事。

反之,如果所有场景、任何元素的设计都完全照搬一套“律令”,不但体验会毫无场景化和情感化的差异可言,设计师们的创意和才华也将完全无从施展。

显然,设计规范的约束和设计师个人创造力需要一个合理的平衡,这才是一个成熟的设计团队在复杂产品中得以高效协作并做出优秀设计的关键。

本期邀请的三位同学,都是团队内主导过年度大版本风格规范设计,或对手淘全局体验的把控有深入理解的设计师,一起听听他们的观点吧!

回答1
设计规范的本质在于“达成共识”

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

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

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

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

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

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

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

from 明飒

回答2
让每个人的设计产出一致

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

· 初级:制定规范文档

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

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

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

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

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

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

from 群剑

回答3
主设与业务设计师的协同

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

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

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

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

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

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

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

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

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

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

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

from 子鹿

设计规范的本质并不是强行约束,而是视场景特点灵活处理的一套解决方案,本质还是让设计产出能看出设计思想的一致性(不等于完全相同),并在设计团队内外都达成共识。而作为主导全局规范的主设计师,与各业务线具体场景设计师之间的沟通协作,更是让一致的体验真正顺利呈现在用户面前的关键。

以上是本期回答的全部内容,希望提问和围观的小伙伴们满意:)

「设计师问设计师」问题持续征集中……

是对淘宝某个界面、功能设计背后的故事非常好奇?

想了解进阶之路上的技能树攻略?

对体验设计的未来发展存在困惑?

想了解图标、动效等具体设计过程中的思路与技法?

想八卦淘宝设计师们的工作环境、日常爱好……

无论你的问题是什么,都可以随时向我们提问!

每周更新的「设计师问设计师」栏目中,我们将安排淘宝最专业、与问题契合度最高的设计师为你回答。

参与本栏目提问,请在公众号后台直接留言(或本系列文章下方留言区亦可),问题前加“#设计师问设计师#”前缀。

由于答案均来自淘宝勤劳的一线设计师们,日常工作比较繁重,每期回答的问题数量有限(视每期具体情况而定)。

问题筛选会综合考虑问题的明确程度、共性价值、之前是否已有类似问题等因素进行选择,并会对同类问题进行聚合。

问题回复时,可能会显示提问者的昵称,方便小伙伴们看到是自己的问题被回答了,参与活动即视为同意公开哦,如确实需要隐藏可在留言中注明匿名。

还等什么,马上参与吧!

原文始发于微信公众号(淘宝设计):「设计师问设计师」第2期 淘宝的设计规范是如何统一的?

原文链接:http://www.uiya.cn/11095.html,转载请注明出处。

0
分享海报

评论0

没有账号? 注册  忘记密码?