术语

在深入探讨设计体系这一主题之前,让我们先看看贯穿全书的一些术语。

模式或设计模式

我使用模式这个词来指代界面中任何可复现、可复用的元素,如按钮、文本框、图标样式、颜色、版式、重复的使用流程和交互行为等。这些元素可以用来解决特定的设计问题,满足用户需求,或者唤起情感。本书使用功能性模式指代与行为相关的模式,使用感知性模式指代与品牌和美学相关的模式。

功能性模式或模块

这两个术语在本书中可互换使用。它们指代界面中有形的构件,如按钮、标题、表单元素、菜单等。

感知性模式或样式

这两个术语指的是更具描述性的、无形的设计模式,如图标样式、颜色、版式等。它们通常用于创造某种美感,加强用户与产品的情感联系。

模式语言或设计语言

产品界面的设计语言是由一组相互关联、可共享的设计模式构成的。模式语言组合了功能性模式和感知性模式,以及平台特定的模式(如汉堡菜单)、领域模式(如分别针对电商网站、财务软件、社交应用的模块)、说服式用户体验模式,等等。

设计体系或体系

Web领域的社区中没有对“设计体系”这个词的标准定义,人们以不同的方式使用该术语,有的人将其与“样式指南”“模式库”这些词互换使用。在本书中,所谓设计体系,指的是为实现数字产品的目的而组织在一起的一套相关模式和共享实践。

模式库和样式指南

模式库是一种捕获、收集和共享设计模式及其应用指南的工具。创建模式库是良好设计实践的一个样例。通常来说,样式指南聚焦在样式上,如图标样式、颜色和版式,而模式库的范畴则更广一些。