網(wǎng)站您應(yīng)該使用您聽(tīng)說(shuō)過(guò)的模式庫(kù)、模式庫(kù)、樣式指南、組件庫(kù)設(shè)計(jì)模式還是用戶界面工具包 如果你感到困惑或不知道其中的區(qū)別，不要擔(dān)心。這里有一個(gè)秘密，大多數(shù)人都有點(diǎn)困惑設(shè)計(jì)行業(yè)。

　　隨著這些條款的飛來(lái)飛去，這將是壓倒性的。但請(qǐng)放心，它可能真的像你想的那么復(fù)雜。

　　深圳網(wǎng)站制作

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

　　1） 風(fēng)格指南這是一個(gè)網(wǎng)站品牌指南。它們包含徽標(biāo)、顏色和字體。一個(gè)風(fēng)格指南品牌指南和所有相關(guān)部分。

　　2） 模式庫(kù)/組件庫(kù)/用戶界面工具包所有這些術(shù)語(yǔ)都指同一件事。它們是一組可重用的組件，組成了一個(gè)網(wǎng)站。模式庫(kù)（從現(xiàn)在開(kāi)始我將從它們開(kāi)始）是“讓我們擁有一個(gè)網(wǎng)站”的全部表示。這包括布局、結(jié)構(gòu)和其中包含的所有內(nèi)容。在電子商務(wù)網(wǎng)站中，這將包括一個(gè)產(chǎn)品項(xiàng)目、評(píng)論、星號(hào)、數(shù)量、導(dǎo)航、表單和按鈕等，這些被稱為組件。因此，模式庫(kù)由集合網(wǎng)站構(gòu)成。

　　樣式庫(kù)和樣式指南網(wǎng)站需要樣式指南和樣式庫(kù)。他們經(jīng)常住在一起，這可能是造成很多混亂的原因。樣式指南適用于品牌和樣式，也適用于圖書(shū)館的布局和結(jié)構(gòu)。例如，jeans樣式指南將決定網(wǎng)站應(yīng)該使用紅色字體，但是heavy pattern庫(kù)將決定產(chǎn)品列表項(xiàng)包含圖像、標(biāo)題和價(jià)格。

　　他們?yōu)槭裁垂ぷ?/p>

　　樣式指南和模式庫(kù)一致性的總體好處設(shè)計(jì)教師喜歡一致性，開(kāi)發(fā)人員喜歡一致性，網(wǎng)站所有者喜歡一致性，**重要的是，您的客戶喜歡一致性。

　　原因是：您的客戶受益于改進(jìn)的性能和更快的網(wǎng)站代碼，因?yàn)槭褂昧艘恢碌某煞趾驮煨褪侄危蛊涓泳?jiǎn)和干凈。整個(gè)網(wǎng)站中一致的用戶界面允許更輕松地導(dǎo)航產(chǎn)品是否顯示相同且易于理解。更好的瀏覽器支持，因?yàn)槟Ｊ綆?kù)允許我們分離和嚴(yán)格測(cè)試組件。

　　網(wǎng)站所有者在一個(gè)地方的權(quán)益包括其網(wǎng)站項(xiàng)下的一切。使用現(xiàn)有組件快速創(chuàng)建新頁(yè)面和列。網(wǎng)站將保持快速和精簡(jiǎn)，因?yàn)樾抡鹿?jié)可以繼承以前創(chuàng)建的組件。在品牌的每一頁(yè)上。沒(méi)有例外。風(fēng)格的引導(dǎo)力，品牌的一致性，沒(méi)有字體的游移和色彩的爬行。轉(zhuǎn)換率很高，因?yàn)榫W(wǎng)站更一致，使網(wǎng)站更快，并提供一致的用戶體驗(yàn)。改進(jìn)了搜索引擎的一致性和結(jié)構(gòu)組件優(yōu)化。精簡(jiǎn)和干凈的代碼意味著更少的時(shí)間用于將來(lái)的工作。提高網(wǎng)站的壽命，因?yàn)槌掷m(xù)改進(jìn)更容易實(shí)現(xiàn)。

　　開(kāi)發(fā)人員的好處是編寫(xiě)更少更好的代碼。這使得工作和管理代碼更加容易。一個(gè)是不依賴的。所有組件都是可訪問(wèn)的，每個(gè)人都需要在事先不知情的情況下創(chuàng)建新的章節(jié)和頁(yè)面。改進(jìn)的瀏覽器測(cè)試當(dāng)新部件組裝好時(shí)，您知道它將在所有支持的瀏覽器中。好的文檔通?；谀Ｊ綆?kù)。

　　福利設(shè)計(jì)所有品牌。如果它在模式庫(kù)中，則它存在于網(wǎng)站中。每一個(gè)組件都可以檢查，以確保它看起來(lái)很好。一致設(shè)計(jì)和布局。可重用組件意味著更好的設(shè)計(jì)體系結(jié)構(gòu)。我們都知道網(wǎng)站是怎么回事。如果未來(lái)設(shè)計(jì)的工作需要一個(gè)模式庫(kù)，它可以作為已經(jīng)存在的模式庫(kù)的參考。

　　示例樣式指南和模式庫(kù)正變得越來(lái)越流行，因此有一些可以公開(kāi)訪問(wèn)的示例。甚至還專門(mén)展示了他們的整個(gè)網(wǎng)站。下面是一些我們**喜歡的例子。

　　這是你在網(wǎng)上能找到的**漂亮的版本。他們的樣式指南和樣式庫(kù)中的所有內(nèi)容都在他們的網(wǎng)站上。您還將注意到，它包含了許多關(guān)于組件應(yīng)該如何響應(yīng)的文檔和指南。

　　uSwitch除了樣式指南和模式庫(kù)之外，uSwitch還決定包括語(yǔ)言和語(yǔ)調(diào)。這是個(gè)好主意，因?yàn)樗蔷W(wǎng)站的一個(gè)包羅萬(wàn)象的文檔；確保設(shè)計(jì)、布局和均勻色調(diào)一致。

　　如何優(yōu)化自己網(wǎng)站

　　Large網(wǎng)站對(duì)于一個(gè)組織來(lái)說(shuō)，大多數(shù)好的樣式指南和模式庫(kù)的例子都是Large網(wǎng)站。人們會(huì)很容易得出結(jié)論，他們是唯一有用的，并有很多人在他們的網(wǎng)站工作不斷。我們可能只看到大型網(wǎng)站示例，因?yàn)闃?gòu)建樣式指南和模式庫(kù)的時(shí)間非常重要。多數(shù)小型股網(wǎng)站無(wú)法解釋與未來(lái)儲(chǔ)蓄相比的初始融資要求。

　　在iWeb，我們正在努力改變。我們的目標(biāo)是使每一個(gè)網(wǎng)站建立盡可能快和精益。大約18個(gè)月前，我們開(kāi)始構(gòu)建自己的樣式指南和模式庫(kù)。我們創(chuàng)造了它。作為一個(gè)機(jī)構(gòu)，我們能夠利用每周從事幾十個(gè)項(xiàng)目的機(jī)會(huì)。這種獨(dú)特的見(jiàn)解使我們能夠構(gòu)建一個(gè)網(wǎng)站樣式指南和模式庫(kù)，它可以用于每一個(gè)網(wǎng)站，無(wú)論大小。

　　通過(guò)在每個(gè)項(xiàng)目上使用相同的庫(kù)代碼，我們能夠全面引入更多的一致性。這給我們的客戶帶來(lái)了巨大的好處。隨著項(xiàng)目變得更加一致，越來(lái)越多的開(kāi)發(fā)人員能夠在事先不了解他們工作的情況下工作。這意味著沒(méi)有開(kāi)發(fā)人員或項(xiàng)目可以快速開(kāi)始工作并花費(fèi)更少的時(shí)間。

　　我們看到的是，每個(gè)網(wǎng)站樣式指南和模式庫(kù)只有一個(gè)好處。建立我們自己的系統(tǒng)，這樣我們就可以減少通常需要的初始成本。隨著時(shí)間的推移，這種情況將繼續(xù)改善。受益于樣式指南和模式庫(kù)的客戶，網(wǎng)站所有者、開(kāi)發(fā)人員和設(shè)計(jì)開(kāi)發(fā)人員。因此，你的下一個(gè)項(xiàng)目，甚至是你現(xiàn)有的項(xiàng)目，絕對(duì)值得詢問(wèn)使用它們的機(jī)會(huì)。

http://www.tinmen.com.cn/jianzhanzhishi/861.html 為什么網(wǎng)站應(yīng)該使用模式庫(kù)