设计语言
提示：此条目的主题不是视觉化程式设计语言。设计语言(英语：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）
[编辑]定义品牌在文字上的表达方式，确保文案风格一致。
确保产品对所有使用者（包括视障、听障等）都能友善使用。 网络应用程序通常参考Web内容无障碍指南。
设计工具与资源（Design Tokens & Assets）
[编辑]包括 Sketch/Figma 档案、设计令牌 design token（如色码、字体大小的变数）[2]、开发者文件等。
迭代机制（Iteration Mechanism）
[编辑]版本控制（Version Control）
[编辑]- 语义化软件版本号（如 v1.2.0）。
- 变更日志（Changelog）记录破坏性更新。
著名例子
[编辑]數位產品
[编辑]- 谷歌公司质感设计（Material Design, Material You, Material 3 Expressive）
- 苹果公司Appearance Manager 、Brushed metal 、Aqua、扁平化设计（Flat Design）、Liquid Glass
- 微软Windows Aero、Metro UI(后称Modern UI)、流畅设计体系(Fluent Design System)
- 蚂蚁集团Ant Design[3]
- 爱彼迎Airbnb
- IBM Carbon Design System
工业设计
[编辑]参见
[编辑]参考文献
[编辑]- ^ 都 2019 年了还不懂「设计语言」？看完这篇你就学会了！ | 优设网 - UISDC. www.uisdc.com. [2019-11-14]. （原始内容存档于2020-09-28）.
- ^ 超详细解析 大厂都在用的设计提效神器 Design Tokens！.
- ^ Ant Design. [2022-07-05]. （原始内容存档于2022-07-07）.