都 2019 年了还不懂「设计语言」？看完这篇你就学会了！

数字经日益发达的现阶，数字产作为线上触点，就逐渐成为务中的标配，它更像一个务员通过屏幕与户发生对话。在这场对话中，好的设计应该像一门语言，够承载起传达与沟通的工具属性。

为什么我们需要设计语言系统（DLS）

我们可见到，越来越多的设计团队都会构建一套属于自己产的设计语言系统。对于团队，它的意义在于通过系统的设计规则，来控制产长期迭代的熵值，及升团队的协同效率，同时，设计师有机会从重复的劳中解放来，投入更多精到探讨问题本质实现值创。就好像在石器时代，祖先们记录事件或表达情感的混乱程，远远于现代人，键在于是否拥有一套成熟的语言系统。

对外部用户，设计语言系统以让产品在不同终端、不同场中的表现持一致，也有机通植品牌基因的方式形成视锤，提升产品的识别度以及消费者对品牌的认。就像，我们以通「猪鼻」车头识别出是宝马，通「蛙眼」车灯道是时捷，是因为汽车品牌通长期持某个「一致」的表现，形成一套高识别度的设计语言来表达「就是我」。

界面设计的语言属性

在这里我们将借助语言的角，来探讨数字产界面设计语言系统的构建。在语言的应中，我们通会涉及语法、语素、语句、语境、语气等维，通过同的组合达成应景的表达与适时的沟通。

1. 语法

设计原则，可解为设计语言中的语法，是构建设计语言系统的起点，于传达牌张或设计念，它将指引务设计执行的方向。

定设计原则时，首先研究用户特，聚焦产品核心价值，通脑暴等形式选择有特点的度，结合用户验与品牌属将其视化，最用简要的语言归纳出来。

例如 Airbnb 的计则简归纳为点：

• 统一：每一块设计，是更大整中的一部分，因此必须站在更大范围的角度上，给予系统积极正面的贡献。设计功能不应该是孤立的，也不能是离群的。
• 普遍性：Airbnb 在全界使用，用户更是一个全球性的社。的产品和可视化语言应该受用户欢迎，同也要易于访问。
• 标志性：我们专注于设计和功能，此在这两，我们要既大胆又晰。
• 对话性：呼吸对命如此重，我们把同样的设理念融入到产品里面，通过易理解的方式与我们的用户行交流、沟通。

2. 语素

视觉基础是构成计语言的最位，就像语素是语言中最的音义结体。在计理论中，它属于最粒度的素，通常包括：颜色、字体、图标、网格等。

3. 语句

组件就像由若干个语素组成的语句，比一个基础按钮，通常就是由颜、字、边距等元素组成。而我们平时所说的组件库，其就是一部词典，其中包含设计系统中需的基础组件与法，在界面设计中具有较的通性。

4. 语义

符语言的载体，但符本身意义，只被赋予含义的符能够被使用，这时候语言就转化信息，语言的含义就语义。视觉传达设中也一样，使用的图标或图形，需具备确的语义属性。如果商场导视设中非使用「裙子」图标表「男厕」入口，如此混淆语义挑战公众认知，那就被投诉吧。

5. 语境

这里说语境含 3 个维度：是流程意义上上下文，是品属性语境，三是用户下所处环境。

当设需对下文行特别处理时，可能对话的层级次序受限于屏幕稀缺性，通常可采用 Z-Depth 叠加（Material Design属性）、骤条、元素关联转场动效方式。举常见的例子，当用户发起一删除数据的请求时，界面会弹出一二次确认的模态会话，用户点击确认之后会执行删除操作。

过很长一时间，数字产设计圈热衷于讨论的两种格类：隐喻（拟物）与抽象（扁平），时至今日可说扁平的格在应数量上压倒拟物格。然而，我依旧认为设计的格策略取决于产属性中的语境，这是如今 iOS 人机界面设计规范所提倡的，它不再早的规则片面拒绝隐喻设，鼓励设师将用户实中熟悉的视觉样式，即操作方法映射与界面设之中，苹果官方的 Garageband 就一很服力的例子。

针用户下所处环境来适配界语境，常见过界换肤手法来实现，比如微信读书等阅读应用为用户提供白天模或黑夜模选择。用户所处部环境素可以很大程度上决定界语言应用，好像在菜市场买东西要靠吼，在图书馆借书仅需要用肢体语言便能成。

△ 如上，微信读书针部环境素自定义「语境」

6. 语

交互界常需要使用说明或提示文案来指导用户完成操作，大多数情况下都是使用第称，像在与用户话，从以用户为心度上讲，议保持谦逊、友善语，尽可能避免使用晦涩专业术语，谨慎使用带有强烈情感属性感叹号，或过于口语化语言。另，语拿捏也将接影响到与用户距离感，以及下应景度。

• 正确示例：使用检索可以快速搜索任。
• 不良示例：你定会爱上便快捷检索功能！

7. 语速

语速在里指的是界面的信息密度，在不同的场合对语速的控能够提升接受者的验，视设计也同样需要注意把握间距与留白，网系统在里以到「节拍器」的用，借助节拍器以让设计更具节奏感。而互意义上的语速，更现在操路径的长度，以及动效的速率。

△  上，富途证券在产品介绍与盘中易2个不同场下的「语速」

8. 响度

其就像我们说以通音量大小来控信息的感程度，希望接受者听清楚的就说大声一点。汤姆奥斯（Tom Osborne）的视响度指（visual loudness guide）是一个何系统地处理按钮和链接的例子，它们不是单独列出，而是为一个套件呈现，并且根据每个元素的视冲击力相应的拥有一个「响度」值。我们在构建设计语言系统时，也同样需要设置梯级「响度」的按钮、字重等组件来满不同场的表达需求。

△ Tom Osborne的视响度指

设计语言系统的生态性

1. 基因遗传

同一个语系的语言，无论是经过了代更迭，还是地域的迁徙，一定会保留一些固有的特性，这就是语言系统本身具有基因遗传的生态特性。

一套成熟的设计语言系统，也同样对产品设计表现着基因级别的底影响力：在「代际」遗传上，现在经久不衰的坚持。比 Burberry 的子纹理，无论是在哪一年的产品款式上，不丢失个属。在「同辈」影响上，通常现在不同终端场下产品表现的一致，或是兄弟产品的相似程度。

2. 态进

设计语言系统是一份静态的组件库与规范档，而是一个态的且自我进的系统。它的态进属性基于 3 个契机：

• 设师基于可复用组件的设系统构建产品功能设时，可省下多的时间，转移到设系统的优化；
• 随着产发展，设计师将会遇到更多特殊需求，从而会创建的设计模式来解决问题，而这些的设计模式将同时反哺设计系统，断升系统的善程；
• 设计系统中复用组件等的规模化应用，便设计单元缺陷的暴露，也将为系统单元优化提供优胜劣汰的方向。

3. 兼

语言同时具备具属性与文化属性，兼对一门语言的意义于被多人接受、应用。

当前谷歌、苹果、微软、阿里巴巴等大企推了开源的设计语言，这些成熟的设计体系实承载着大量的项目实践与经验总结，对他企有较大的借鉴值。同时，对于平台级企，开放统一的数字语言，同地域、同类的项目得在共同的规则发展、共生，这对于平台生态无疑是利好的。

设计语言为工具来说，需具备普适，在文化面上也需具备兼容度──在满企业自身品牌与业务需求之上，应该尽能规避因宗教、民俗等因素带来的冲突。

举个例，在法国和比利，人都厌恶墨绿色，因为二战期间国饱受德国纳粹侵略之苦，而纳粹的军服是墨绿色的。那，面向这个国家用户的计上，便应该避免使用墨绿的素。这，计语言系统中组件素的丰程度，大程度决定了计表现的选择空间可能性。

好像，在美国街头询问公共厕所时，美可能听不懂 WC，那用他们听懂 Restroom 吧。这里想表是，你语言系统「词汇」越丰富，越能兼容不文化背景下表。

欢迎关注作者的微信公众：「TalkUX」