如何建立设计体系之--设计原则

“设计体系” (Design System)一词听起来比较大而玄的概念,其实并没有标准的定义,特别是“体系”,有些同学觉得是大公司才有的标配能力,小公司看看就好,但作为设计师来说,不管你是在大公司还是小公司都应该了解设计体系的价值。如何建立设计体系来帮助企业赋能,这也是设计师的核心竞争力。我会分篇幅具体谈谈如何打造设计体系,本篇是关于设计体系之--设计原则。

一、什么是设计体系

我们先来看看设计体系专家们是怎么说的:

“设计体系是为了实现数字产品的目的,而组织起来的一套相互关联的模式和共享实践。模式指的是界面中那些重复的要素:用户流程、交互方式、按钮、文本框、图标、配色、排版、文字等等。实践则是我们如何创建、捕获、共享和使用这些模式,尤其是在团队协作时做这些事情的方法。”

Alla Kholmatova 在著作《数字化产品设计的系统化方法》一书中的定义

“设计体系应该有态度、有观点,能让每一个使用它的人都得到创意上的指导。这些内容应该反复斟酌。否则,我们直接把Material Design 拿来用就完事儿了。”

Dan Mall

孟子曰:“不以规矩,不能成方圆”,而对于设计体系来说,“没有原则不成体系”。基于多年web及移动端的工作经验,我试着理解设计体系的定义:设计体系是带有企业品牌基因,传递企业价值观,遵循科学规律以人为本,具有功能性与感知性的设计模式,能帮助企业可重复快速创造与高效协作,最终帮助提升用户体验价值的设计体系。

二、设计原则的特性

建立设计体系之前一定要明确产品目的和品牌价值观,需要先建立一套设计原则,可以有效的统一团队的设计思想,并能引领创意的方向。有些公司的设计原则偏重于品牌,有的偏重于团队文化,有的偏向于业务属性。在初创公司的理念和价值观可能是模糊不清的,品牌属性还没有完全形成,想要建立设计体系是很难的,因此需要随着公司的发展,设计体系是可以不断迭代的。

也许你在一个小公司,老板对设计的要求往往说“好看、漂亮、高大尚的”,也有些略懂行的人说要 “简单、实用、令人愉快的”,这样的话相信很多设计师都听过,但对做设计决策没有多大帮助。好的设计原则是真实而具体的,是可以帮产品解决设计问题并能给设计提供实用指导的。

试着让设计原则变的更具体,而不是一堆死的概念,设计原则是实用可操作的,只有把概念转化成可操作可感知的模式实例才是设计原则最佳实践。我们来看看 Arco design 企业级中后台设计体系是如何定义设计原则的。

图片来源于Arco design官网


“Arco design 设计语言是“务实的浪漫主义”,基于「清晰」、「一致」、「韵律」和「开放」的设计价值观,试图建立务实而浪漫的工作方式。” 

“清晰” 的设计原则是具体有方法可循的

“清晰的指向亦是效率的提升,效率的提升是务实的基础。设计中减少不确定的因素, 减少用户判断次数,明确信息层级导向,让用户操作的目的性更明确。” “清晰的设计体系使得产品操作直观,流程一步到位;信息传达清晰且表意明确使用户在极短时间内快速理解进而作出判断。”

Arco design官网

首先把清晰放在设计原则的第一位,且这个词不是模糊的,而是有具体指导方法的:首先说明了清晰的目的是提高效率,要提高效率就要减少不必要的元素,优化信息层级关系,用户可在极短的时间内易判断易操作。这就给设计师具体的指导方向,以便更好的做设计输出,这样的设计原则才是实用而具体的。

“韵律” 的设计原则是有规律带有品牌基因的

“跳动的韵律构建字节的美感,推敲设计的韵律是 Bytedancer 的浪漫。产品使用中的韵律反应了用户习惯, 富有韵律的设计让用户的操作仿佛本该如此,减少理解记忆负担。” “设计系统和音乐谱曲一样有着韵律之美,对每个信息模块的排版的考量,对元素之间重复与对比等规律的潜在追求与把握, 构成UI设计中的韵律之美。悦耳的韵律使得用户能够根据习惯轻松的完成任务。”

Arco design官网

韵律的原则不是模糊的,是突显抖音品牌基因的。韵律体现在信息模块的排版,元素的重复与对比都体现了跳动的音符韵律之美,类比设计规律之美,自然而令人愉悦的。这样的原则就是具体的,帮助设计团队朝着这个原则去发挥创意。

具体的设计原则能指导设计师更好的发挥创造,也能让使用者产生共鸣、容易让人记住的。试问一下你所在的公司有没有经常把设计原则挂在嘴边,比如在演示方案中,设计讨论中,或在为用户展示产品优势时,能不能简短描述你的设计原则,设计原则可以作为日常工作中的实践基础,可以帮助设计决策。

Airbnb 公司的四条设计原则 「统一」「通用」「格化的」「对话式的」深深地扎根在其公司设计过程之中。 Airbnb首席交互设计师这样说:

“每当设计一个新的组件时,我们都会确保它完全满足四条原则。如果我们没有这一套原则,便很难就各种问题达成一致意见。我们希望保证界面里的每一小块都符合这些原则。” 

Roy Stanfield

如何建立设计原则?

一、从目的出发

设计原则不是凭空想象的,首先必须遵循产品目的,具有产品精神,这就需要向公司的老板了解企业愿景和价值观,然后再弄清楚什么样的设计原则有助于实现这些目的。来自Google的设计师戎飞在《Google设计师解答设计师困惑》一文中讲到google设计体系如何建立的,这和公司以人为本的价值观,以及公司包容开放的文化息息相关,正是有了这样的价值观和包容的文化氛围才能不断激发Google的企业员工开拓创新,引领前沿科技。比如阿里巴巴传递的价值观是“天下没有难做的生意”,造就了一个电商帝国的崛起。设计体系是为企业赋能的,所以先要找准企业愿景和产品目的。

二、找到共识

有了价值观和目的后,就要和团队成员对于设计原则达成共识。也可以召集公司内部成员开展一次头脑风暴,让团队成员各自回答关于设计原则如何定义的问题,可以听听他们认为什么样的设计原则是有效的,他们认为什么样的设计能够助他们高效工作?比如有人可能会说:简单,高效、实用等等,让他们为每一条所说的原则找一个产品界面实例,并且说明理由。最后对比团队成员各自的回答,看看有没有重叠的部分,看看新老成员答案的差异,是否有不同领域相似的原则,是不是能找到一些共识,在以后设立原则时,能更好的排定优先级,你们有着共同的目标是什么样的设计对你们的产品来说是好的设计。

三、面向正确的受众

在做设计原则之前要搞清楚设计原则是为谁服务的 ,是为品牌运营物料,是web网站,还是合作伙伴和潜在客户。首先直接的受众应该是自己和同事,例如:设计师、开发人员、运营人员等,设计原则帮助树立设计标准,建立设计系统后,对外受众是使用系统的用户,最终带来高效、一致,易用的用户体验。 

四、测试与迭代 

设计原则是从O到1的过程,特别是在初创公司,一开始建立的设计原则可能是不明确,或是抽象的,但随着业务的发展会逐渐变的清晰和具体,也有可能变得空洞而没有生机,这就需要在真实业务中不断测试,评估和改进,只有在日常工作中经常使用,也要敢于接受设计批评,才能从中发现问题,设计原则才能持续改进,同时要考虑公司处在什么样的发展阶段,是在产品的初创期,成长期,还是成熟期,如果在这些阶段设计原则不能持续带来帮助,就需要迭代优化。

总结 

好的设计体系是具有价值观和品牌基因的,是由设计原则作为根基,设计原则也是构建设计体系的起点,是设计体系的指导思想,引导设计往共同目标的正确方向前进。

设计原则确立后,设计师最大的挑战是如何将高而深的价值观和设计原则转化为具体的用户界面元素的,篇幅有限且听下回分解。

参考文献:

《设计体系-数字产品设计的系统化方法》--Alla Kholmatova 著

Arco design官网 

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

推荐阅读更多精彩内容