回头望向窗外,夜深如梦,对面楼栋的灯光星星点点;而今已是秋天,在这夜里,虫声归于寂寥,落叶与风声骤起。(模仿 C7210 的抒情开头)
悄悄声明下,以下主要从概念和认知架构维度对 Design Systems 进行陈述,实操部分请关注【Beforweb】公众号///
一、Design Systems 概念上不难理解,其主要应用于数字化产品设计中一系列具有内在关联、组织有序的设计模式与实践方法。(这里参考 C译版的描述)
所以Design Systems 主要由 「设计模式」和「实践方法」两部分组成。本书也是围绕设计模式展开,详细描述如何「体系化」构建不同的设计模式,并围绕设计模式提出构建模式库的实际方法与案例。
Design Systems围绕核心目标展开,主要通过特定的设计模式提供状态反馈,向用户呈现任务步骤,操作选项,以及用户与产品,用户与用户之间的彼此互动。这里有一个关键的字眼——「目标」(我理解为产品早期制定的,清晰并有实操性的目标愿景)
此处参考TED的设计目标:「追求持久适用,而非盲从前沿」——(我理解为一款产品的设计不在于设计是否一定符合当下趋势,功能是否强大冗杂,而在于是否从整体到细节都是围绕产品目标展开,如:TED 的标题图设计模式可以容纳较长的标题,这里提现了“信息清晰性优先”的设计原则。
还有个问题写在前面,DS最主要的意义在于:制定设计原则,统一设计语言。
里面有个细节很有启发:
Design Systems不仅仅为设计团队所独有,更需要与工程师,产品,内容,运营市场,管理甚至用户统一设计语言,很有启发的一点是「跟用户统一设计语言」,(我理解为系统模型若有悖于用户的心智模型,那用户将对其产生困扰)。如果设计语言从用户角度出发,比如,banner 对于设计从业者都不陌生,可是用户眼中只不过是页面头部宣传推广的内容卡片,那我们站在用户的角度,在控件的命名上改为“内容推广模板”,反而更扩展了控件的外延,同时也有利于设计师站在用户角度考虑设计。当然好的命名方式意味着高度聚焦,易于记忆,并能体现设计模式的目标用途,必须令设计师明白其所指,进而意图明确地进行使用。
另外还有个扩展思考:苹果有一个专门的布道团队,主要在各个角色之间搭建桥梁,统一设计目标,原则和语言,跨团队,跨平台协作,“像传教士一样,让大家都相信上帝”。国内似乎还没有见过这种组织形式。
关于Design Systems 的功能性与感知性设计模式,我觉得可以从三个方面去理解:
1. 「功能性设计模式主要是指产品界面的实体化组成要素」,目的在于帮助用户完成特定的操作行为;「感知性设计模式主要植根于产品核心品牌层面,大致包括话术气质、字体、配色、图片与图形风格、空间与布局、特定的形状、交互感知、动效、音效,以及所有对这些要素进行组合运用的特定方法」;(我理解为功能性与感知性设计模式相辅相成,但是目标仍然是高度统一的,这样对于用户来讲,产品的人格就不会割裂,用户就不会困惑。)
2. 功能性设计模式是界面行为逻辑的具象化提现。其所承载的产品目标及关键行为要相对稳定,并确保设计模式在逻辑层面符合产品目标。感知性模式有助于品牌特质的体现:通过意图明确的反复使用,这些元素逐渐构成了界面感知性设计模式,从而使用户将这些元素与特定品牌关联起来。(我理解从“行为”角度理解设计模式——“用来做什么”,而不是“是什么”,这样有助于拓展该设计模式的用途,另一方面更精准的进行定义和分类。)
3. 需要关注关键行为或氛围的营造。(如对遍历产品所有页面,寻求若干个关键动作或场景,对这些关键点进行分析,功能上是否符合行为和用户情境,感知上是否突出品牌形象)
这里涉及到具体实操性的指导,如果感兴趣可以翻阅(第七-第十章)
关于 Design Systems 的特质参量即“适口性”。
特质参量可以理解为,不同的设计团队适合什么样的设计体系——参考下图
(同一个设计团队的不同阶段,可能特质参量也有所变化),这个取决于团队文化,产品目标甚至是领导性格(有的设计总监无论巨细一手抓,有能力,但一定很累。。)
实践规则(严格、松散)
构造方式(模块化、整合化)
管理机制(集中式、分布式)
总体来说,设计体系能够帮助我们从宏观角度出发,深入到具体实践;但基于数字化产品的设计体系仍然算比较新的门类,可以在书中发现,作者是基于建筑设计学科提出的设计模式概念,推延至数字化产品。
设计体系的构建,也主要是为了更加体系化,高效化完成设计目标,但仍然有其不足和巨大的发展空间,我认为设计体系帮助数字化产品更好的服务用户,但并没有涉及到线上线下体验的闭环,即衍生而来的服务设计体系,这也一定是未来设计体系发展的必然方向。
我们对自己负有责任,对所有使用我们产品的用户负有责任,我们需要对设计模式的价值与作用保持长久的思考与验证,同时也要对我们自己的设计目标与意图保持清醒。