从0到1，搭建一套完整的产品 “设计语言” ！（上篇）,b

pic

2020-07-06 22:50

全文共 2104 字 10 图，阅读需要 8 分钟

👉

什么是设计语言？如何构建设计语言？1. 企业 / 产品特征与背景 2. 设计价值观 3. 设计原则 4. 设计范式 Ant Design Mateial Design Fluent Design

什么是设计语言？

设计语言是把设计作为一种“沟通的方式”，用于在特定的场景中进行内容与信息的传递。我们最常见到的是交互界面规范相关的设计语言：

其实设计语言的内容远不止于此，作为一种能够被大众解读和认可的“表达”，它通常具备以下特点：

具备严谨的设计规范：设计语言是产品设计参考的标准和规范，规定了产品设计的基本原则和基础框架

是动态的，不断升级的：设计语言不是一成不变的，需要根据市场所流行和认可的设计趋势，进行补充、迭代和完善

能够使产品具备统一的特征性：使用设计语言设计出的产品能够保持较好的统一性，并带明显的品牌特征

能够提高设计效率：设计语言中的规则和元素可以被当成组件，应用于产品设计的过程中，减少重复性工作

符合主流用户群的审美标准：“美” 是很难被定义的，设计语言通常会更倾向于所属行业和主流用户群体的审美标准

很多有一定影响力的公司以及优秀的产品都有自己的设计语言，例如我们曾在文章：干货丨Material Design 全面解析(一) 一文中介绍过的 Matreial Design，就是 Google 为 Andorid 平台编写的设计语言：

除了Google 和 Apple 这些国外公司，国内如腾讯和阿里等大厂也都陆续发布了自己的设计语言：

腾讯的 Q 语言，设定了三个基本目标：统一体验，基因体现，社交向善；并基于对用户的洞察，制订了设计原则和应用规范：

除了软件界面设计，在硬件产品的设计中也有一些公司依靠应用设计语言，突出了品牌特性。比如：你肯定不会轻易将保时捷品牌的车认错，哪怕是挡住了车前方的标志。国内很多公司也不乏优秀案例：

小米生态链中的智能家居产品在设计时就很重视设计语言，即使是面对不同行业、不同品类的产品也依旧可以做到设计风格的统一：

如何构建设计语言？

设计语言可以针对一个企业或一个产品进行构建。构建设计语言并不是一个简单的工作，需要设计师同时具备理性思维和感性表达，结合品牌特性、流行趋势，以及对市场和用户的洞察等多个方面，进行系统的规划。我们可以从以下几个方面入手：

1. 企业 / 产品特征与背景

你需要对将要使用你的设计语言的企业 / 产品足够了解，并依此奠定设计语言的核心基调，你可以思考（但不限于）以下几点：

行业背景：了解行业大背景、整体风格，比如美妆行业和科技行业的设计调性就大不相同

价值观：设计语言的核心精髓来源于企业 / 产品的价值观，并与之保持一致

品牌特性：应用设计语言的一个重要意义就是突出企业 / 产品的品牌特性，设计语言中的元素需要与品牌形象相呼应，是品牌意向的提炼与升级

用户群体：通过对企业 / 产品的用户群进行分析，找出群体特点和喜好，更好的为产品设计打基础

流行趋势：观察和预判设计的流行趋势，把握设计潮流发展的大方向，使设计语言新颖现代，符合或超出用户预期

2. 设计价值观

每一套设计语言都有其价值观，为设计师提供评价设计好坏的标准，并为解决具体设计问题指明方向。设计语言的价值观来源于企业 / 产品特征，并包含一定的设计哲思，是设计语言的核心精髓。以下给出几个例子：

设计价值观看上去很抽象，但却是整个设计语言的灵魂核心，也是企业或产品文化的直接体现。

3. 设计原则

设计原则是由设计价值观衍生出的要遵循的设计准则，将设计价值观进一步细化和落地。设计原则包含一定的设计学基本原理，是设计语言的基础架构。以下给出几个例子：

设计原则根据企业 / 产品的属性和功能进行制定，并在此基础上制订更详细的设计范式。

4. 设计范式

设计范式是由设计价值观和设计原则推导出来的、针对具体问题的一般解决方案。对于互联网产品来说，设计范式通常包括整体设计布局、界面设计风格、设计组件、业务模块 / 场景、动效规则等一系列内容，这也是整个设计语言的主要构成部分。设计范式需要尽可能的考虑全面、详细，这部分的内容会非常繁杂，必须做到条理清晰，逻辑严谨。

腾讯的 Q 语言，详细的规范了色彩、图标、交互行为、文案等内容，每一部分的内容都有详细的文档规范和应用说明：