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