你聽說過的模式庫，風(fēng)格指南，元件庫，設(shè)計模式或用戶界面工具包？別憂慮，假如你感到疑心或不知道的差異。這里是一個隱秘不銹鋼閥門，大多數(shù)人在設(shè)計行業(yè)也有點(diǎn)疑心。所有這些術(shù)語繞飛它會很快變得勢不可擋。但請放心，它現(xiàn)實(shí)上可能比你先想那么復(fù)雜。

所有這些不同的方面可以分為兩種類型：

1）風(fēng)格指南

這是一個網(wǎng)站品牌指南。它們包含的標(biāo)志，顏色和字體。一個風(fēng)格指南以品牌指導(dǎo)方針并將其所有相關(guān)的部分。

2）圖案庫/組件庫/用戶界面工具包

所有這些術(shù)語指的是統(tǒng)一件事。他們是一組可重用的組件構(gòu)成一個網(wǎng)站。模式庫（我會從現(xiàn)在開始把它們）是一種透露表現(xiàn)所有讓一個網(wǎng)站。這包括布局、結(jié)構(gòu)以及一切包含在其中。在一個電子商務(wù)網(wǎng)站，這將包括一個產(chǎn)品項(xiàng)目，審查、星級、數(shù)量、導(dǎo)航、表格和按鈕，等等。這些被稱為一個組件。所以，一個模式庫是一個集組成的網(wǎng)站。

模式庫和風(fēng)格指南

網(wǎng)站需要一個風(fēng)格指南和模式庫。他們會經(jīng)常生活在一路，這可能是許多的疑心來自哪里。風(fēng)格指南適用于品牌而模式應(yīng)用于圖書館的布局和結(jié)構(gòu)。例如，牛仔褲的風(fēng)格指南將決定網(wǎng)站應(yīng)該用紅色字體但重模式庫將決定一個產(chǎn)品列表項(xiàng)包含一個圖像，題目和價格。都努力朝著一個共同的目標(biāo)使網(wǎng)站一致，在品牌和用戶友愛。

它們?yōu)槭裁从行В?/b>

總體效益的風(fēng)格指南和模式庫的一致性。設(shè)計師喜好一致性，開發(fā)商愛的一致性，網(wǎng)站所有者的愛的一致性手機(jī)網(wǎng)站建設(shè)，主要的是，你的客戶喜好的一致性。

這里的原因：

你的客戶的利益改進(jìn)的性能和更快的網(wǎng)站因?yàn)槭褂靡恢碌某煞趾驮煨褪侄胃喓透蓛舻拇a。一致的用戶界面在整個網(wǎng)站許可更容易的導(dǎo)航產(chǎn)品是否顯示的一樣，很容易理解。更好的瀏覽器的支撐，因?yàn)閳D案庫許可我們星散和嚴(yán)酷的測試組件。

網(wǎng)站所有者的利益

一個地方，包括在他們的網(wǎng)站上的一切。建立新的頁面和欄目迅速使用現(xiàn)有的組件。該網(wǎng)站將保持快速瘦因?yàn)樾碌恼鹿?jié)可以繼續(xù)先前建立的組件。對品牌的每一頁。沒有例外。風(fēng)格的指導(dǎo)力品牌的一致性沒有流浪的字體或顏色的爬行。轉(zhuǎn)化率高，因?yàn)榫W(wǎng)站更一致，使網(wǎng)站更快，提供一致的用戶體驗(yàn)在。改進(jìn)的搜索引擎優(yōu)化的一致和結(jié)構(gòu)部件。精益和干凈的代碼意味著未來的工作需要更少的時間。增添網(wǎng)站的壽命因?yàn)槌掷m(xù)賡續(xù)的改進(jìn)更容易使。

開發(fā)者的益處

少寫更好的代碼。這使得代碼的工作和管理更容易。一個人沒有依靠。所有的組件都是可訪問的每個人都那么沒有先驗(yàn)知識是需要建立新的章節(jié)和頁面。改進(jìn)的瀏覽器測試，當(dāng)新的部分組裝你知道它會在所有支撐的瀏覽器。優(yōu)秀的文檔通常是建立在模式庫。

福利設(shè)計

所有的品牌。假如它在模式庫品牌策劃，它存在于網(wǎng)站。每一個組件都可以被檢查以確保它看起來不錯。一致的設(shè)計和布局?？芍赜玫慕M件意味著更好的設(shè)計系統(tǒng)的建立。都知道網(wǎng)站上是什么。假如未來的設(shè)計工作所需的模式庫可以作為那些已經(jīng)存在的參考。

實(shí)例

風(fēng)格指南和圖案庫變得越來越流行，所以具有可公開訪問的例子。甚至有一個專門展示他們整個網(wǎng)站。這里有一些我們喜好的例子。這是你在網(wǎng)上找到的優(yōu)美的版本。他們的風(fēng)格指南和模式庫中的一切，是在他們的網(wǎng)站上。你也會注重到，它包含了大量的文檔和指南的組件如何應(yīng)。除了一個風(fēng)格指南和模式庫，uSwitch已經(jīng)決定加入語言和語調(diào)。這是一個好主意，因?yàn)樗鳛橐粋€一應(yīng)俱全的文件為網(wǎng)站；確保設(shè)計、布局和均勻的色調(diào)保持一致。

沃爾瑪

誰會想到沃爾瑪會有一個好的風(fēng)格指南和模式庫的嗎？這是使用組件來構(gòu)建頁面在他們的網(wǎng)站上，一個電子商務(wù)網(wǎng)站的一個很好的例子。它可能是一個周全的版本有。在一個機(jī)構(gòu)好的風(fēng)格指南和模式庫的大部分的例子是大型網(wǎng)站。人們會很容易得出結(jié)論，他們是唯一有效的，有延續(xù)工作的許多人對他們的網(wǎng)站。我們可能只看到過大型網(wǎng)站的例子，因?yàn)榻⒁粋€風(fēng)格指南和模式庫的時間是很主要的。大多數(shù)小網(wǎng)站都無法詮釋的初始資金要求相比未來儲蓄。

在iWeb，我們試圖改變。我們的目標(biāo)是讓每一個網(wǎng)站建立盡可能快速和精益。大約18個月前，我們開始建立我們自己的風(fēng)格指南和模式庫。我們創(chuàng)造了它切切作為一個機(jī)構(gòu)，我們能夠行使工作的優(yōu)勢在項(xiàng)目每個星期幾十。這種獨(dú)特的見解，使我們能夠建立一個網(wǎng)站的風(fēng)格指南和模式庫，可用于每一個網(wǎng)站，無論大小。

通過使用相同的庫代碼在每個項(xiàng)目上我們能夠引進(jìn)更多的一致性，全線。這為我們的客戶帶來偉大的效益。隨著項(xiàng)目變得更加一致，更多的開發(fā)者能夠?qū)λ麄兊墓ぷ鳑]有任何先驗(yàn)知識。這意味著，沒有一個開發(fā)商與項(xiàng)目，讓工作啟動快、花費(fèi)更少的時間。不過益處我們看到的不過是有一個對每個網(wǎng)站風(fēng)格指南和模式庫的益處。建立我們自己的系統(tǒng)，使我們能夠削減通常所需的初期費(fèi)用。隨著時間的推移，這將繼續(xù)改善。風(fēng)格指南和模式庫帶來利益的客戶，網(wǎng)站所有者、開發(fā)者和設(shè)計者。所以你的下一個項(xiàng)目，甚至現(xiàn)有的一個，它是絕對值得詢問使用它們的機(jī)會。