创建产品的风格指南有助于产品实施设计的一致性

今天为大家更新《用户体验要素》的第七章——表现层，感知设计

本小结关键词：设计合成品和风格指南

主要观点：创建产品的风格指南有助于产品实施设计的一致性

---

设计合成品和风格指南

在视觉设计领域中对线框图最直接的模拟是视觉模型（visual mockup）或设计合成品（design comp）。“合成”的意思是“综合的”，因为确切地说，它就是从已选定的组件中建立起来的、一个最终的可视化产品。这种合成物显示了各个独立的组件是如何结合到一起形成一个有机的整体的；或者，如果它们没有组成一个整件，就说明某个地方破坏了它，同时也表明这是一个任何解决办法都必须要考虑到的约束条件。

你应该能看到在线框图的组件和设计合成品的组件之间的一个简单的一对一的相互关系。这个合成品不一定忠实地再现了线框图的布局，事实上，它也不需要这样。线框图没有说明视觉设计的关注点，而是侧重于记录框架层。在我们处理设计合成品之前建立起线框图，使我们首先能独立地了解到框架层的问题，然后再关心到表现层的问题。尽管如此，线框图的核心概念，尤其是信息设计方面，应该显著地呈现在设计合成品中，即使它们没有精确地按照在线框图中出现的样子来进行组 合。

视觉设计不一定要精确地按照线框图来做，只要它考虑到了相关的重要级别以及线框图中各元素的组合关系。

当然，所有的这些文档是大量的工作，但是有一个很好的理由值得去做：随着时间的推移，我们的决策原因会逐渐从记忆中消失。那些“在某种特殊环境下用来解决某个具体问题的临时决策”和那些“为了形成将来的设计工作的基础而有意识地做出的决策”会混杂在一起。

另一个记录你的设计系统的原因是人们最后都会离开这个工作。当他们离开时，他们带走了关于这个产品如何设计出来的、如何在日常基础工作上建立起来的丰富知识。如果没有一个保留每一次更改、符合最新的标准和惯例的风格指南，这些知识就丢失了。随着时间的推移，在人们改变职位的同时，整个企业逐渐会出现集体失忆，“这些事情是如何被完成的方法”和“这些决策的理由”偏移到了企业的其他部分，或被工作人员给丢弃了。

承载这些设计决策的权威性文档是风格指南（style guide）。这个汇总文档确定了视觉设计的每个方面，从最大到最小的范围内的所有元素。影响到产品的每一个局部的全局标准（比如设计栅格、配色方案、 字体标准或标志应用指南）通常是风格指南中的第一部分。

风格指南还要包括某一个模块或网站功能的具体标准。在某些情况 下，在风格指南中所记录的标准，应该包含各个层级的标准从独立界面到统一的导航元素。风格指南的总体目标是提供足够的细节来帮助人们将来做出明智的决策，因为大部分的想法都已经为他们实现了。

创建一个风格指南同样有助于在一个分散的企业中实施设计的一致性。如果网站运营包括各种各样正在执行中的独立项目，并且由分布在世界各地的人员来完成的话，那么你的网站很可能会像一个“风格和标准随机混杂的产品”。让所有的这些人遵循一套统一的标准来运作，需要做大量的工作，这就是为什么负责执行风格指南的团队在企业中的级别往往比你所预料的要高的原因。有了风格指南，你就有了一套唯一且 高效的方法，让你的产品看起来像是一个协调一致的整体，而不是一堆乱七八糟的碎片。

今天就为大家更新完啦第七章表现层，接下来将会为大家进行该章节的复盘，敬请期待吧~。