提示:此条目的主题不是视觉化程式设计语言。
设计语言(英语: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)
维基共享资源
维基教科书
维基新闻
维基语录
维基文库
维基词典