设计语言

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

设计语言(英语: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

微软Windows Aero、Metro UI(后称Modern UI)、流畅设计体系(Fluent Design System)

蚂蚁集团Ant Design[3]

爱彼迎Airbnb

IBM Carbon Design System(英语:Carbon Design System)

工业设计[编辑]

BMW

法拉利汽车

参见[编辑]

用户界面

人机学

人机交互

交互设计

用户体验

以用户为中心的设计

界面外观

参考文献[编辑]

^ 都 2019 年了还不懂「设计语言」?看完这篇你就学会了! | 优设网 - UISDC. www.uisdc.com. [2019-11-14]. (原始内容存档于2020-09-28).

^ 超详细解析 大厂都在用的设计提效神器 Design Tokens!.

^ Ant Design. [2022-07-05]. (原始内容存档于2022-07-07).

什么是“设计语言”(Design Language)? (页面存档备份,存于互联网档案馆)

为什么要建立设计系统?

外部链接[编辑]

Design Systems Database

Design System Checklist

查论编设计

设计纲要(英语:Outline of design)

设计主题

设计师

学科传媒设计

广告

装帧

企业形象设计

展会设计

电影标题设计(英语:Film title design)

平面设计

运动图形设计(英语:Motion graphic design)

邮票设计(英语:Postage stamp design)

打印设计(英语:Print design)

插画

信息设计

教学设计

新闻设计(英语:News design)

摄影

零售设计(英语:Retail design)

标示 / 交通标志设计(英语:Traffic sign design)

字体排印学 / 字体设计

视频设计(英语:Video design)

商品展示设计

环境设计

建筑

建筑光学

建筑设计

被动太阳能建筑设计(英语:Passive solar building design)

环境设计

环境影响设计(英语:Environmental impact design)

园林设计

电脑辅助园林设计(英语:Computer-aided garden design)

健康社区设计(英语:Healthy community design)

旅店设计(英语:Hotel design)

室内建筑(英语:Interior architecture)

室内设计

体验室内设计(英语:Experiential interior design)

Keyline设计(英语:Keyline design)

景观建筑

可持续景观建筑(英语:Sustainable landscape architecture)

景观设计(英语:Landscape design)

空间设计(英语:Spatial design)

城市设计

工业设计

汽车设计

汽车悬架设计(英语:Automotive suspension design)

CMF设计(英语:CMF design)

瓦楞纸箱设计(英语:Corrugated box design)

电吉他设计(英语:Electric guitar design)

家具

可持续家具设计(英语:Sustainable furniture design)

硬件接口设计(英语:Hardware interface design)

摩托车设计(英语:Motorcycle design)

包装

摄影镜头设计(英语:Photographic lens design)

产品设计(英语:Product design)

美术指导

感官设计

服务设计

交互设计

体验设计

员工体验设计(英语:Employee experience design)

游戏设计

关卡设计(英语:Level design)

电子游戏设计

硬件接口设计(英语:Hardware interface design)

图标设计

沉浸式设计(英语:Immersive design)

信息设计

声音交互设计

用户体验设计

用户界面设计

网页设计

其他应用艺术

公共艺术

陶艺 / 玻璃设计(英语:Glass art)

时尚设计

剧装设计

珠宝设计

花卉设计(英语:Floral design)

游戏艺术设计(英语:Game art design)

道具设计师(英语:Property designer)

风景设计(英语:Scenic design)

音效设计(英语:Sound design)

舞台/照明设计(英语:Lighting designer)

纺织设计(英语:Textile design)

其他设计和工程学

算法设计

锅炉设计(英语:Boiler design)

概念设计

数据库设计(英语:Database design)

药物设计

电动系统设计(英语:Electrical system design)

试验设计

滤波器设计

任务设计(英语:Job design)

集成电路设计

电路设计

物理设计

电力网络设计(英语:Power network design (IC))

核武器设计方案

核酸设计(英语:Nucleic acid design)

组织设计(英语:Organization design)

程序设计 (化工)

处理器设计

蛋白质设计(英语:Protein design)

研究设计(英语:Research design)

社会设计(英语:Social design)

软件设计

宇宙飞船设计(英语:Spacecraft design)

战略设计(英语:Strategic design)

系统设计

途径

以活动为中心设计(英语:Activity-centered design)

自适应网页设计

情感设计(英语:Affective design)

脑力激荡法

按委员会设计(英语:Design by committee)

契约式设计

概念知识理论(英语:C-K theory)

设计收敛

参与式设计

面向概念设计(英语:Concept-oriented design)

配置设计(英语:Configuration design)

语境设计(英语:Contextual design)

持续设计(英语:Continuous design)

从摇篮到摇篮设计

创造性解决问题(英语:Creative problem-solving)

创意技术(英语:Creativity techniques)

关键设计(英语:Critical design)

设计小说(英语:Design fiction)

防御性设计

设计-招标-建造(英语:Design–bid–build)

设计-建造

建筑师主导设计(英语:Architect-led design–build)

领域驱动设计

生态设计

能源中性设计(英语:Energy neutral design)

工程设计流程(英语:Engineering design process)

概率设计(英语:Probabilistic design)

容错设计(英语:Error-tolerant design)

容许故障设计

面向框架设计(英语:Framework-oriented design)

为装配设计

为改变行为设计(英语:Design for behaviour change)

为制造设计

为六西格玛设计(英语:Design for Six Sigma)

可测试性设计

为X设计(英语:Design for X)

实用设计(英语:Functional design)

生成设计(英语:Generative Design)

地理设计(英语:Geodesign)

顶层设计(英语:High-level design)

集成设计(英语:Integrated design)

集成顶层设计(英语:Integrated topside design)

基于智能设计(英语:Intelligence-based design)

迭代设计(英语:Iterative design)

KISS原则

底层设计(英语:Low-level design)

元设计(英语:Metadesign)

心智图

模组化设计

新浪潮(英语:New Wave (design))

面向对象设计

开放设计(英语:Open design)

参数设计(英语:Parametric design)

参与设计(英语:Participatory design)

基于平台设计(英语:Platform-based design)

基于原则设计

流程为中心设计(英语:Process-centered design)

公共利益设计(英语:Public interest design)

理性设计(英语:Rational design)

可再生设计(英语:Regenerative design)

可靠度

基于研究设计(英语:Research-based design)

责任驱动设计(英语:Responsibility-driven design)

响应式网页设计

安全寿命设计

永续设计

系统设计

面向系统设计(英语:Systems Oriented Design)

无表格网页设计

限制理论

自上而下和自下而上设计

转型设计(英语:Transformation design)

隔代设计(英语:Transgenerational design)

TRIZ

通用设计

为所有人设计(英语:Design for All (in ICT))

色彩通用设计

以使用率为中心设计(英语:Usage-centered design)

以使用为中心设计(英语:Use-centered design)

以用户为中心的设计

感情植入设计(英语:Empathic design)

用户创新

价值驱动设计(英语:Value-driven design)

价值敏感设计(英语:Value sensitive design)

为隐私设计(英语:Privacy by Design)

设计选择(英语:Design choice)

设计计算(英语:Design computing)

设计控制(英语:Design controls)

设计流程(英语:Design flow (EDA))

设计领导(英语:Design leadership)

设计管理(英语:Design management)

设计标记(英语:Design marker)

设计方法(英语:Design methods)

设计模式

设计研究

设计科学(英语:Design science)

设计战略(英语:Design strategy)

设计理论(英语:Design theory)

设计思考

工具知识产权组织奖项设计工具(英语:Design tool)

算法辅助设计(英语:Algorithms-Aided Design (AAD))(AAD)

建筑模型(英语:Architectural model)

蓝图

综合布局(英语:Comprehensive layout)

计算机辅助设计(CAD)

计算机辅助工业设计(英语:Computer-aided industrial design)(CAID)

虚拟家居设计软件(英语:Virtual home design software)

计算机自动设计(CAutoD)

设计质量指标(英语:Design quality indicator)

电子设计自动化

流程图

Mockup

产品设计规格

原型 (工程)

写生

分镜

工程制图

HTML编辑器

网站线框(英语:Website wireframe)

知识产权

社区设计(英语:Community design)

围绕设计(英语:Design around)

设计专利(英语:Design patent)

Geschmacksmuster(英语:Geschmacksmuster)

工业设计权(英语:Industrial design right)

欧盟工业设计权(英语:Industrial design rights in the European Union)

组织

美国平面设计协会

特许设计师协会(英语:Chartered Society of Designers)

设计与工业协会(英语:Design and Industries Association)

设计委员会(英语:Design Council)

国际论坛设计

设计学会(英语:The Design Society)

设计研究学会(英语:Design Research Society)

奖项

欧洲设计奖(英语:European Design Award)

德国设计奖(英语:German Design Award)

好设计奖 (芝加哥)(英语:Good Design Award (Chicago))

优良设计奖

Graphex(英语:Graphex)

詹姆斯·戴森奖(英语:James Dyson Award)

菲利普亲王设计奖

普利兹克建筑奖

iF产品设计奖

红点设计大奖

菲尔·卡夫曼奖

东京ADC赏

日本新媒体动漫艺术节

时报广告金像奖

台湾精品奖

相关主题

美学

概念艺术

创意产业

文化图标(英语:Cultural icon)

.design

企业架构

未来学

智能设计

新产品开发

最简可行产品

设计哲学

程序模拟

慢设计(英语:Slow design)

STEAM fields(英语:STEAM fields)

非智能设计(英语:Unintelligent design)

可视化

恶性问题(英语:Wicked problem)

设计概要

设计变更(英语:Design change)

经典设计(英语:Design classic)

设计总监(英语:Design director)

设计教育

设计元素和原则(英语:Design elements and principles)

设计工程师(英语:Design engineer)

设计公司

设计史

设计知识(英语:Design knowledge)

设计语言

设计寿命(英语:Design life)

设计负载(英语:Design load)

设计博物馆

设计范例(英语:Design paradigm)

设计导向(英语:Design rationale)

设计审查(英语:Design review)

设计规格

设计工作室(英语:Design studio)

设计技术(英语:Design technology)

维基共享资源

维基教科书

维基新闻

维基语录

维基文库

维基词典