这篇译文来自 Matt Bond ,正是知名的 Atlassian Deisgn System 的创建人,真正的元老本老。《设计体系》一书当中也有多处以 Atlassian 为例,印象非常深刻。还没有读过C版全书译文的朋友不妨一观。
图源:Monika Pola
2012年,我启动了一个副项目:对 Atlassian 当时12款软件产品的设计模式进行标准化定义工作。在那之后的三年里,这个副项目逐渐成长壮大,并成为了我的全职工作;经过一系列的版本迭代,这个项目最终成为了大家所熟知的 Atlassian Design System。期间,我还成立了设计平台团队(Design Platform Team),专门负责对设计体系进行管理维护,并将其运用于 Atlassian 产品套件的设计工作当中。
近些年来,行业里出现了越来越多关于设计体系的讨论,我也时常被问及相关的经验与洞见(注)。无论你在考虑为自己的产品创建设计体系,还是正在进行当中,或是曾经尝试但以失败告终,我都希望这些经验可以帮助到你。
今 Asana,始系构;顾往验,它将功,从系。
一、以小为始
版 Atlassian 系含20静 HTML 件,由 Mac Pro 充。模,版控,亲组件编写 HTML,并将 CSS 导表。虽版困难,备扩展,它够展示系基;支持,并将投,逐渐摸索确。
反之,如果从一开始就考虑到各种扩展性问题,那么我们很可能需要花费数倍的时间来完成起步阶段的跨越。如果你刚刚开始构建设计体系,建议你不要沉迷于无缝、完美的流程和机制,取而代之的是简单快速地起步,验证价值与方法,并保持迭代。
二、重在质效提升,而非控制设计
如果你认为构建设计体系的目的在于防止其他人「犯错」,防止他们破坏掉只有你「有权」定义的规则,那么你们的体系构建工作很可能是在不正确的观念之下进行的。
设计体系的目标是提升团队的设计质效,帮助每一名设计师更加合理地进行设计决策。
你的工作并非将规则强加给他人并监督他们执行。反之,要将设计体系视为在公司内部实现「设计民主化」的工具。只有这样,人们才会有意愿参与其中并进行贡献。
务必记得,设计体系是一种强化工具,而非用于控制设计的监管手段。
图源:Monika Pola
三、避免同步进行重设计工作
不要将设计体系的构建工作看作是产品重设计的契机。一边进行着体系化定义,一边对产品进行重设计,这会极大地拖慢工作进度。更合理的做法,是首先对产品当前的状况进行记录与清查,包括合理与不合理的模式在内;完成标准化定义之后,再回过头来进行优化工作。
Atlassian,曾图模档基础。,模义档需,此基础轮迭,程轻效。
四、跨职能寻求支持
系创并课练习。终使,或法效升质效,浪。
只有让其他人了解你的工作并参与贡献,你才能得到越来越多的认同与支持。这一点对于设计体系工作非常重要。
2013年时,我们团队当中的设计师与工程师占比大约在1:15到1:20之间。直至如今,回想起这个数字,我仍然会感到惊悚;不过当时,我确实有试过将这种失衡的局面转化为工作中的优势,使工程师们更加认同设计体系相关工作。我会在新人入职当周做一些宣讲,每周有15人左右的样子;为了让他们从第一天起就能对设计体系的目标与价值有所了解,我会给他们讲一些往事,譬如我们的产品当中曾一度存在着44种下拉菜单,而如今已经标准化为一种,它的具体使用方式应该如何如何。
经过那一年的宣讲,加上 Atlassian 的规模几乎每年都会翻番,我总共帮助了将近500名新人了解了设计体系的重要性及使用方式。同时,这项工作还在潜移默化当中扩大了设计职能在整个企业文化当中的影响力。
图源:Monika Pola
五、超越「设计规范」
设计体系不同于设计规范。创建一份包含了所有组件的 Sketch 文件或许相对容易一些,譬如所有的主操作按钮都有着相同的配色,或是统一使用8像素栅格等等。但应该在何时使用主操作按钮而非次级按钮?按钮中的文本应该采用哪种类型?主、次按钮同时出现时应该怎样布局?
设计体系必须针对这类规则性的问题提供解决方案,而不仅是记录规格规范。很多团队都忽视了这一点,致使设计体系的价值有所缺失。
,2013初,Atlassian 规模(约13)相(约300)相。确供模使规范,程独立页构。,需 Sketch 案,脑暴确功流程,或将游问题。
六、少数人负责管理,多数人参与贡献
Atlassian 采系,允许参贡献,另月轮从抽程。月,系护贡献;月,各,系簇拥者者。
有专人负责设计体系相关工作是非常重要的。这个人(通常指我)更像是设计师当中的产品经理,他需要维护整套体系,同时又要避免营造出让人抵触的工作氛围。始终不要忘记,我们的目标是提升设计质效,让每个人都成为更出色的设计师,并最终实现团队效能与产品质量的提升。
原文链接:《The key lessons I learned creating a popular Design System》 Matt Bond
欢迎关注译者的微信公众号:「Beforweb」