【蓝湖大咖访谈】京东数科少东家郎宁:设计规范之道

​​本期大咖

郎宁,京东数科少东家

历任蚂蚁金服、网易 、微软亚太工程院、Wehome、群硕软件等公司。

在互联网和软件行业有超过 10 年的设计经验,熟悉整个行业的产品设计,交互设计和其他相关领域的设计知识;熟悉用户界面和交互设计和视觉设计的方法论和产品设计的流程和设计技法。


随着产品设计领域日趋成熟,设计规范渐入视野,对产品设计团队的工作及企业起着举足轻重的作用。

本次【蓝湖大咖访谈】有幸邀请到十多年设计经验的郎宁老师分享了自己对设计规范的设计心得,以及设计规范目前存在的问题。希望本次分享能带给大家更多启发。

设计规范的价值

现今,大大小小的互联网产品设计团队都在搭建设计规范,人人都说好。那么,好的规范究竟好在哪儿呢?

设计规范的核心价值分为三类,即设计价值、用户价值、业务价值。

📌 设计价值

即设计规范化。一个产研团队往往有多个设计师、多条业务线。如果没有设计规范,不同设计师针对同一按钮的设计都会有出入,产品界面不统一是家常便饭。而设计规范,能让团队保持设计的一致性,让产品的每次迭代中保持品牌形象不走样,发散品牌影响力,乃至行业影响力。

📌 用户价值

即带给用户更好的设计体验。产品在设计规范上保持统一,带给用户熟悉感与信任感,增加用户的使用认知,降低学习成本,从而有效地提升用户体验。

📌 业务价值

即设计反哺业务,给业务方带来的价值。

设计师、产品经理和开发工程师,都在设计规范中充当着参与者与建设者的角色,反过来,设计规范也对三者有着或多或少的影响。

设计师能运用设计规范高效完成设计,并借此建立设计理念,熟知设计总体规则;产品经理能建立控件库系统、定义产品设计原则,以及快速建立 Demo;控件系统、图表控件、业务组件化也能让开发工作更高效。对于产品研发体系中的各个角色发挥着重要的作用。

如何搭建有效的设计规范?

📌什么团队适合搭建设计规范?

设计规范适合平台级的产品,以及多人协作的设计团队。可以根据实际的工作情况来搭建自己的产品的设计规范。

搭建设计规范是产品设计团队的大事,需要投入大量的时间和人力成本。

为了避免费力却不讨好的结果,在动手之前,团队管理者需要理性思考现阶段是否是团队搭建设计规范的最佳的时机。 

📌准备

有备而来,更容易获得成功,搭建设计规范也不例外,在正式开始设计规范前,需要做好充分的准备思考:

首先,参考和分析成熟的平台级设计规范制定的要素,为团队搭建设计规范做铺垫。

然后,需要对现在已有的设计界面进行归纳和总结。分析出共性和个性的元素,抽取出共性的元素作为规范必须遵循的部分。再对个性化的设计做些适当的说明和举例。

这里必须有个度,即要抽象出设计师能遵循的原则,又要他们发挥自己创意的空间,设计出既符合标准又富有创意的设计作品。

所以,规范必须灵活有度,不能太死板的限制设计师自由创作的部分。总结起来就是让他们在一个可控的范围内进行设计创新。

最后,针对产品的特性,先梳理出大的规范结构,包括设计规范中约定俗成的部分,以及自己产品所特有的部分。

规范结构中必须有每一部分重点描述的内容,重点描述的内容需要考虑到设计师容易犯错的部分,以及设计师必须遵循的部分。

📌规范内容

确定规范内容后,就可以正式开始规范的设计了。完成的设计规范可以在蓝湖「设计规范云」上进行管理。

一般来说,设计规范的内容包含以下几类:

设计风格

设计风格是产品的门面。它涵盖颜色:包括色盘、颜色的可用性、主题色系等;图标:产品图标设计删格、系统icon;图层样式;图片;字体、字号等都是影响设计风格的元素。

布局系统

包含删格系统移动端和 PC 端的尺寸转换、内容结构、响应式布局等。

组件系统

包含组件的设计风格、操作行为、尺寸说明、使用说明。

图表系统

整理大数据已经用到的图表事例。

动态效果

动效应用在设计中的场景越来越多,动效的规范化很重要。动效的规范包含动效设计原理、界面转换、交互性动画、变形规则、速度规则、信息展示动态等。

模式效果

对于常见、常用的模式效果,也可以规范化。常用模式包括确认信息、为空状态 、报错提示、帮助和反馈、下载图片、搜索条、设置、提醒、刷新等等。

品牌系统

整合、优化各个业务中用到的 Logo,形成母品牌和子品牌的关联性。

推广/营销系统

营销规范

在此罗列的是常见的设计规范,不同产品需要的设计规范内容各不相同,具体情况需要具体分析。

关于规范的设计,不多说明,毕竟产品各不相同,一套设计理念无法适配所有的产品。

📌设计规范验证闭环

规范搭建完成后,对设计规范进行验证闭环是非常重要的环节,如何验证”设计规范“的好坏,有哪些衡量指标呢? 

各方满意度:包括设计师、产品经理、开发团队的满意度。其实最主要的是设计师使用过程的满意度。

业务指标:观察设计是否带来业务转化率的提升。

品牌影响力:是否增加了品牌影响力,用户体验是否有提升。

对设计规范验证闭环后,再对规范进行总结、优化,再应用到设计中,能为团队解决不少问题。规范也是不断进化的一个产物。

📌协作

郎宁认为,在多人协作的设计团队里,需要有1-2位规范的定义者,这位定义者的另外一个角色是参与产品设计的主力设计师。所以,从规范的定义上,Ta 能更好的梳理和总结规范。

同时,在规范的制定过程中,需要团队中每一位设计师参与规范的制定,所以设计规范不是一蹴而就的,是大家在实际设计工作中讨论得来的。

另外,设计规范支持各个业务线的设计,设计师、产品经理、开发工程师都是规范的参与者与制定者。管理者需搜集每一个角色的意见和在实际设计中遇到的问题。

比如规则是否实用?是否覆盖到所有的业务场景?

如果,他们在实际的设计工作中,有更好的解决方案,大家在万全的讨论后再同步进行更新。设计规范的构建和迭代过程中,需要团队的氛围是相对开放、透明的。这个过程也需要团队中每个成员有开放心态,能迎接不同的质疑声。

大家为了共同的目标而去不断的完善和提高规范的合理性和完整度,本身也是一件全团队凝聚力的体现过程。

最后,规范的走查机制能保证大家对规范的理解和执行没有任何偏差,所以很有必要。

设计规范目前存在的问题

人人都说好的设计规范也存在着一些问题,所谓知己知彼,百战不殆,郎宁根据自己的过往经验对此进行了总结。

📌设计理念没有在规范中具体体现

规范中未体现产品的设计理念,凭此设计规范做出的设计图无法将品牌气质展现到位,约等于规范白做。以数据平台级产品规范的建立为例,在设计规范中体现数据类产品的特征,是搭建设计规范的过程中应深入思考、探讨的。

📌缺乏定期迭代

互联网行业变化,产品为顺势而流,会保持高速迭代的速度,在这一过程中,设计也要不断的进行优化。如果设计规范缺乏定期迭代,会出现哪些问题呢?产品被原规范的旧样式束缚,死板的遵行最初的规范,长久下去规范样式过时,和最新的产品不搭调。改版中用了新的视觉风格,却没有及时总结归纳成规范,出现品牌形象走样的问题。

📌各个终端未考虑规范的适应情况

例如:现有产品设计的使用场景在 PC 端,并没有考虑无线端的设计规范。因此更需要在规范中增加对于不同终端的适配性去覆盖不同的硬件终端。

📌缺少各部分的设计原则

一般来说,规范只是把涉及到的部分罗列下来,缺乏各个部分的设计原则,比如色彩、字体及段落的实际运用原则。即:用在哪里,怎么用?

📌缺少交互操作规范

规避这些常见问题,避免走弯路,才能在设计规范的道路上越走越顺。

设计规范的搭建过程虽然非常复杂,但其带给产品设计团队和企业的收益巨大,是超值的投资。

本期【蓝湖大咖访谈】就到这里,感谢郎宁老师接受湖湖的采访!

同学们是否意犹未尽呢?

欢迎在评论区留言或提问,湖湖会及时回复哒。

用蓝湖,不加班~

蓝湖网址:LanhuApp.com

蓝湖,高效的产品设计协作平台~

​​​​

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,193评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,306评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,130评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,110评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,118评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,085评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,007评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,844评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,283评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,508评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,667评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,395评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,985评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,630评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,797评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,653评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,553评论 2 352

推荐阅读更多精彩内容