网站设计的两个主要因素：设计合成品和风格指南

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

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

我们做出的所有设计决策的权威性文档是风格指南(styleguide)。这个汇总文档确定了视觉设计的每个方面，从**到最小的范围 内的所有元素。影响到网站的每一个页面的全局标准——比如设计网格、配色方案、字体标准或标志应用指南——通常是风格指南中的**部分。

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

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

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

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