设计语言

提示：此条目的主题不是视觉化程式设计语言。

设计语言(英语：Design Language)或设计语言系统（英语：Design Language System, DLS），是一种系统化和明确规范的语言，应用于数位产品、用户界面设计、工业设计中。^[1]

简介

设计语言的基本构成元素：字体、颜色、图形、栅格设计。

设计语言统一不同的表达方式、偏好、风格、品牌精神、信念和设计原则。

对于用户而言，设计语言可以让产品在任何平台的体验保持连贯性，统一项目的视觉形象，提升品牌产品的图标、标题、宣传物品等，尤其消费者对品牌的认知以及识别度。

对于团队管理而言，设计师透过跟代码复用的软件组件，有助不同的开发者之间的协作沟通，注于并投入更多精力到探讨问题本质实现价值创新，而非重复的基础工作，提升集体协作效率，对产品生命周期控制及进行迭代，减少设计债务（Design Debt）。

核心元素

一个完整的设计语言系统通常包含以下几个核心元素：

设计原则（Design Principles）

指导整个系统的核心理念，例如“简洁”、“一致性”、“可用性优先”。

视觉风格（Visual Style）

• 色彩系统（Color Palette）
• 字体与排版（Typography）
• 图示与图形风格（Iconography & Illustration）
• 空间与间距（Spacing & Layout）
• 元件库（Component Library）
• 可重复使用的 UI 元件，如按钮、输入框、卡片、对话框等，通常会搭配程式码实作（如 React/Vue 元件）。

模式与范例（Patterns & Templates）

常见的使用者互动流程设计，例如登入流程、表单验证、错误提示等。

语调与文案风格（Tone & Voice Guidelines）

定义品牌在文字上的表达方式，确保文案风格一致。

无障碍设计（Accessibility Guidelines）

确保产品对所有使用者（包括视障、听障等）都能友善使用。 网络应用程序通常参考Web内容无障碍指南。

设计工具与资源（Design Tokens & Assets）

包括 Sketch/Figma 档案、设计令牌 design token（如色码、字体大小的变数）^[2]、开发者文件等。

迭代机制（Iteration Mechanism）

通过用户体验反馈和 A/B测试最优化系统。

版本控制（Version Control）

• 语义化软件版本号（如 v1.2.0）。

• 变更日志（Changelog）记录破坏性更新。

著名例子

數位產品

• 谷歌公司质感设计（Material Design, Material You, Material 3 Expressive）
• 苹果公司Appearance Manager（英语：Appearance Manager） 、Brushed metal（英语：Brushed metal (interface)） 、Aqua、扁平化设计（Flat Design）、Liquid Glass（英语：Liquid Glass）
• 微软Windows Aero、Metro UI(后称Modern UI)、流畅设计体系(Fluent Design System)
• 蚂蚁集团Ant Design^[3]
• 爱彼迎Airbnb
• IBM Carbon Design System（英语：Carbon Design System）

工业设计

• BMW
• 法拉利汽车

参见

• 用户界面
• 人机学
• 人机交互
• 交互设计
• 用户体验
• 以用户为中心的设计
• 界面外观