Penn`s 读书笔记-Design Systems

回头望向窗外,夜深如梦,对面楼栋的灯光星星点点;而今已是秋天,在这夜里,虫声归于寂寥,落叶与风声骤起。(模仿 C7210 的抒情开头)

悄悄声明下,以下主要从概念和认知架构维度对 Design Systems 进行陈述,实操部分请关注【Beforweb】公众号/// 

一、Design Systems 概念上不难理解,其主要应用于数字化产品设计中一系列具有内在关联、组织有序的设计模式与实践方法。(这里参考 C译版的描述)

所以Design Systems 主要由 「设计模式」「实践方法」两部分组成。本书也是围绕设计模式展开,详细描述如何「体系化」构建不同的设计模式,并围绕设计模式提出构建模式库的实际方法与案例。

Design Systems围绕核心目标展开,主要通过特定的设计模式提供状态反馈,向用户呈现任务步骤,操作选项,以及用户与产品,用户与用户之间的彼此互动。这里有一个关键的字眼——「目标」(我理解为产品早期制定的,清晰并有实操性的目标愿景)

此处参考TED的设计目标:「追求持久适用,而非盲从前沿」——(我理解为一款产品的设计不在于设计是否一定符合当下趋势,功能是否强大冗杂,而在于是否从整体到细节都是围绕产品目标展开,如:TED 的标题图设计模式可以容纳较长的标题,这里提现了“信息清晰性优先”的设计原则。

还有个问题写在前面,DS最主要的意义在于:制定设计原则,统一设计语言。

里面有个细节很有启发:

Design Systems不仅仅为设计团队所独有,更需要与工程师,产品,内容,运营市场,管理甚至用户统一设计语言,很有启发的一点是「跟用户统一设计语言」,(我理解为系统模型若有悖于用户的心智模型,那用户将对其产生困扰)。如果设计语言从用户角度出发,比如,banner 对于设计从业者都不陌生,可是用户眼中只不过是页面头部宣传推广的内容卡片,那我们站在用户的角度,在控件的命名上改为“内容推广模板”,反而更扩展了控件的外延,同时也有利于设计师站在用户角度考虑设计。当然好的命名方式意味着高度聚焦,易于记忆,并能体现设计模式的目标用途,必须令设计师明白其所指,进而意图明确地进行使用

另外还有个扩展思考:苹果有一个专门的布道团队,主要在各个角色之间搭建桥梁,统一设计目标,原则和语言,跨团队,跨平台协作,“像传教士一样,让大家都相信上帝”。国内似乎还没有见过这种组织形式。

关于Design Systems 的功能性与感知性设计模式,我觉得可以从三个方面去理解:

1. 「功能性设计模式主要是指产品界面的实体化组成要素」,目的在于帮助用户完成特定的操作行为;「感知性设计模式主要植根于产品核心品牌层面,大致包括话术气质、字体、配色、图片与图形风格、空间与布局、特定的形状、交互感知、动效、音效,以及所有对这些要素进行组合运用的特定方法」;(我理解为功能性与感知性设计模式相辅相成,但是目标仍然是高度统一的,这样对于用户来讲,产品的人格就不会割裂,用户就不会困惑。)

2. 功能性设计模式是界面行为逻辑的具象化提现。其所承载的产品目标及关键行为要相对稳定,并确保设计模式在逻辑层面符合产品目标。感知性模式有助于品牌特质的体现:通过意图明确的反复使用,这些元素逐渐构成了界面感知性设计模式,从而使用户将这些元素与特定品牌关联起来。(我理解从“行为”角度理解设计模式——“用来做什么”,而不是“是什么”,这样有助于拓展该设计模式的用途,另一方面更精准的进行定义和分类。)

3. 需要关注关键行为或氛围的营造。(如对遍历产品所有页面,寻求若干个关键动作或场景,对这些关键点进行分析,功能上是否符合行为和用户情境,感知上是否突出品牌形象)

这里涉及到具体实操性的指导,如果感兴趣可以翻阅(第七-第十章)

关于 Design Systems 的特质参量即“适口性”。

特质参量可以理解为,不同的设计团队适合什么样的设计体系——参考下图

(同一个设计团队的不同阶段,可能特质参量也有所变化),这个取决于团队文化,产品目标甚至是领导性格(有的设计总监无论巨细一手抓,有能力,但一定很累。。)

实践规则(严格、松散)

构造方式(模块化、整合化)

管理机制(集中式、分布式)

总体来说,设计体系能够帮助我们从宏观角度出发,深入到具体实践;但基于数字化产品的设计体系仍然算比较新的门类,可以在书中发现,作者是基于建筑设计学科提出的设计模式概念,推延至数字化产品。

设计体系的构建,也主要是为了更加体系化,高效化完成设计目标,但仍然有其不足和巨大的发展空间,我认为设计体系帮助数字化产品更好的服务用户,但并没有涉及到线上线下体验的闭环,即衍生而来的服务设计体系,这也一定是未来设计体系发展的必然方向。

我们对自己负有责任,对所有使用我们产品的用户负有责任,我们需要对设计模式的价值与作用保持长久的思考与验证,同时也要对我们自己的设计目标与意图保持清醒

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