你听说过的模式库，风格指南，元件库，设计模式或用户界面工具包？别担心，如果你感到困惑或不知道的差异。这里是一个秘密，大多数人在设计行业也有点困惑。

所有这些术语绕飞它会很快变得势不可挡。但请放心，它实际上可能比你先想那么复杂。

所有这些不同的方面可以分为两种类型：

1）风格指南

这是一个网站品牌指南。它们包含的标志，颜色和字体。一个风格指南以品牌指导方针并将其所有相关的部分。

2）图案库/组件库/用户界面工具包

所有这些术语指的是同一件事。

他们是一组可重用的组件构成一个网站。模式库（我会从现在开始把它们）是一种表示所有让一个网站。这包括布局、结构以及一切包含在其中。

在一个电子商务网站，这将包括一个产品项目，审查、星级、数量、导航、表格和按钮，等等。这些被称为一个组件。

所以，一个模式库是一个集组成的网站。

模式库和风格指南

网站需要一个风格指南和模式库。他们会经常生活在一起，这可能是很多的困惑来自哪里。

风格指南适用于品牌而模式应用于图书馆的布局和结构。例如，牛仔裤的风格指南将决定网站应该用红色字体但重模式库将决定一个产品列表项包含一个图像，标题和价格。

都努力朝着一个共同的目标使网站一致，在品牌和用户友好。

它们为什么有用？

总体效益的风格指南和模式库的一致性。设计师喜欢一致性，开发商爱的一致性，网站所有者的爱的一致性，最重要的是，你的客户喜欢的一致性。

这里的原因：

你的客户的利益

改进的性能和更快的网站因为使用一致的成分和造型手段更精简和更干净的代码。

一致的用户界面在整个网站允许更容易的导航产品是否显示的一样，很容易理解。

更好的浏览器的支持，因为图案库允许我们分离和严格的测试组件。

网站所有者的利益

一个地方，包括在他们的网站上的一切。

建立新的页面和栏目迅速使用现有的组件。

该网站将保持快速瘦因为新的章节可以继承先前建立的组件。

对品牌的每一页。没有例外。风格的引导力品牌的一致性没有流浪的字体或颜色的爬行。

转化率高，因为网站更一致，使网站更快，提供一致的用户体验在。

改进的搜索引擎优化的一致和结构部件。

精益和干净的代码意味着未来的工作需要更少的时间。

增加网站的寿命因为持续不断的改进更容易使。

开发者的益处

少写更好的代码。这使得代码的工作和管理更容易。

一个人没有依赖。所有的组件都是可访问的每个人都那么没有先验知识是需要建立新的章节和页面。

改进的浏览器测试，当新的部分组装你知道它会在所有支持的浏览器。

良好的文档通常是建立在模式库。

福利设计

所有的品牌。如果它在模式库，它存在于网站。每一个组件都可以被检查以确保它看起来不错。

一致的设计和布局。可重用的组件意味着更好的设计体系的建立。

都知道网站上是什么。如果未来的设计工作所需的模式库可以作为那些已经存在的参考。

实例

风格指南和图案库变得越来越流行，所以具有可公开访问的例子。甚至有一个专门展示他们整个网站。

这里有一些我们最喜欢的例子。

这是你在网上找到的最优美的版本。他们的风格指南和模式库中的一切，是在他们的网站上。你也会注意到，它包含了大量的文档和指南的组件如何应。

除了一个风格指南和模式库，uSwitch已经决定加入语言和语调。这是一个好主意，因为它作为一个包罗万象的文件为网站；确保设计、布局和均匀的色调保持一致。

沃尔玛

谁会想到沃尔玛会有一个最好的风格指南和模式库的吗？这是使用组件来构建页面在他们的网站上，一个电子商务网站的一个很好的例子。它可能是一个最全面的版本有。

在一个机构

好的风格指南和模式库的大部分的例子是大型网站。人们会很容易得出结论，他们是唯一有用的，有连续工作的很多人对他们的网站。

我们可能只看到过大型网站的例子，因为建立一个风格指南和模式库的时间是很重要的。大多数小网站都无法解释的初始资金要求相比未来储蓄。

在iWeb，我们试图改变。我们的目标是让每一个网站建立尽可能快速和精益。大约18个月前，我们开始建立我们自己的风格指南和模式库。我们创造了它切切

作为一个机构，我们能够利用工作的优势在项目每个星期几十。这种独特的见解，使我们能够建立一个网站的风格指南和模式库，可用于每一个网站，无论大小。

通过使用相同的库代码在每个项目上我们能够引进更多的一致性，全线。这为我们的客户带来巨大的效益。随着项目变得更加一致，更多的开发者能够对他们的工作没有任何先验知识。这意味着，没有一个开发商与项目，让工作启动快、花费更少的时间。

不过好处

我们看到的不过是有一个对每个网站风格指南和模式库的好处。建立我们自己的系统，使我们能够减少通常所需的初期费用。随着时间的推移，这将继续改善。

风格指南和模式库带来利益的客户，网站所有者、开发者和设计者。所以你的下一个项目，甚至现有的一个，它是绝对值得询问使用它们的机会。