你聽(tīng)說(shuō)過(guò)的模式庫(kù)，風(fēng)格指南，元件庫(kù)，設(shè)計(jì)模式或用戶界面工具包？別擔(dān)心，如果你感到困惑或不知道的差異。這里是一個(gè)秘密，大多數(shù)人在設(shè)計(jì)行業(yè)也有點(diǎn)困惑。

所有這些術(shù)語(yǔ)繞飛它會(huì)很快變得勢(shì)不可擋。但請(qǐng)放心，它實(shí)際上可能比你先想那么復(fù)雜。

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

1）風(fēng)格指南

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

2）圖案庫(kù)/組件庫(kù)/用戶界面工具包

所有這些術(shù)語(yǔ)指的是同一件事。

他們是一組可重用的組件構(gòu)成一個(gè)網(wǎng)站。模式庫(kù)（我會(huì)從現(xiàn)在開(kāi)始把它們）是一種表示所有讓一個(gè)網(wǎng)站。這包括布局、結(jié)構(gòu)以及一切包含在其中。

在一個(gè)電子商務(wù)網(wǎng)站，這將包括一個(gè)產(chǎn)品項(xiàng)目，審查、星級(jí)、數(shù)量、導(dǎo)航、表格和按鈕，等等。這些被稱為一個(gè)組件。

所以，一個(gè)模式庫(kù)是一個(gè)集組成的網(wǎng)站。

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

網(wǎng)站需要一個(gè)風(fēng)格指南和模式庫(kù)。他們會(huì)經(jīng)常生活在一起，這可能是很多的困惑來(lái)自哪里。

風(fēng)格指南適用于品牌而模式應(yīng)用于圖書(shū)館的布局和結(jié)構(gòu)。例如，牛仔褲的風(fēng)格指南將決定網(wǎng)站應(yīng)該用紅色字體但重模式庫(kù)將決定一個(gè)產(chǎn)品列表項(xiàng)包含一個(gè)圖像，標(biāo)題和價(jià)格。

都努力朝著一個(gè)共同的目標(biāo)使網(wǎng)站一致，在品牌和用戶友好。

它們?yōu)槭裁从杏茫?/p>

總體效益的風(fēng)格指南和模式庫(kù)的一致性。設(shè)計(jì)師喜歡一致性，開(kāi)發(fā)商愛(ài)的一致性，網(wǎng)站所有者的愛(ài)的一致性，最重要的是，你的客戶喜歡的一致性。

這里的原因：

你的客戶的利益

改進(jìn)的性能和更快的網(wǎng)站因?yàn)槭褂靡恢碌某煞趾驮煨褪侄胃?jiǎn)和更干凈的代碼。

一致的用戶界面在整個(gè)網(wǎng)站允許更容易的導(dǎo)航產(chǎn)品是否顯示的一樣，很容易理解。

更好的瀏覽器的支持，因?yàn)閳D案庫(kù)允許我們分離和嚴(yán)格的測(cè)試組件。

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

一個(gè)地方，包括在他們的網(wǎng)站上的一切。

建立新的頁(yè)面和欄目迅速使用現(xiàn)有的組件。

該網(wǎng)站將保持快速瘦因?yàn)樾碌恼鹿?jié)可以繼承先前建立的組件。

對(duì)品牌的每一頁(yè)。沒(méi)有例外。風(fēng)格的引導(dǎo)力品牌的一致性沒(méi)有流浪的字體或顏色的爬行。

轉(zhuǎn)化率高，因?yàn)榫W(wǎng)站更一致，使網(wǎng)站更快，提供一致的用戶體驗(yàn)在。

改進(jìn)的搜索引擎優(yōu)化的一致和結(jié)構(gòu)部件。

精益和干凈的代碼意味著未來(lái)的工作需要更少的時(shí)間。

增加網(wǎng)站的壽命因?yàn)槌掷m(xù)不斷的改進(jìn)更容易使。

開(kāi)發(fā)者的益處

少寫更好的代碼。這使得代碼的工作和管理更容易。

一個(gè)人沒(méi)有依賴。所有的組件都是可訪問(wèn)的每個(gè)人都那么沒(méi)有先驗(yàn)知識(shí)是需要建立新的章節(jié)和頁(yè)面。

改進(jìn)的瀏覽器測(cè)試，當(dāng)新的部分組裝你知道它會(huì)在所有支持的瀏覽器。

良好的文檔通常是建立在模式庫(kù)。

福利設(shè)計(jì)

所有的品牌。如果它在模式庫(kù)，它存在于網(wǎng)站。每一個(gè)組件都可以被檢查以確保它看起來(lái)不錯(cuò)。

一致的設(shè)計(jì)和布局。可重用的組件意味著更好的設(shè)計(jì)體系的建立。

都知道網(wǎng)站上是什么。如果未來(lái)的設(shè)計(jì)工作所需的模式庫(kù)可以作為那些已經(jīng)存在的參考。

實(shí)例

風(fēng)格指南和圖案庫(kù)變得越來(lái)越流行，所以具有可公開(kāi)訪問(wèn)的例子。甚至有一個(gè)專門展示他們整個(gè)網(wǎng)站。

這里有一些我們最喜歡的例子。

這是你在網(wǎng)上找到的最優(yōu)美的版本。他們的風(fēng)格指南和模式庫(kù)中的一切，是在他們的網(wǎng)站上。你也會(huì)注意到，它包含了大量的文檔和指南的組件如何應(yīng)。

除了一個(gè)風(fēng)格指南和模式庫(kù)，uSwitch已經(jīng)決定加入語(yǔ)言和語(yǔ)調(diào)。這是一個(gè)好主意，因?yàn)樗鳛橐粋€(gè)包羅萬(wàn)象的文件為網(wǎng)站；確保設(shè)計(jì)、布局和均勻的色調(diào)保持一致。

沃爾瑪

誰(shuí)會(huì)想到沃爾瑪會(huì)有一個(gè)最好的風(fēng)格指南和模式庫(kù)的嗎？這是使用組件來(lái)構(gòu)建頁(yè)面在他們的網(wǎng)站上，一個(gè)電子商務(wù)網(wǎng)站的一個(gè)很好的例子。它可能是一個(gè)最全面的版本有。

在一個(gè)機(jī)構(gòu)

好的風(fēng)格指南和模式庫(kù)的大部分的例子是大型網(wǎng)站。人們會(huì)很容易得出結(jié)論，他們是唯一有用的，有連續(xù)工作的很多人對(duì)他們的網(wǎng)站。

我們可能只看到過(guò)大型網(wǎng)站的例子，因?yàn)榻⒁粋€(gè)風(fēng)格指南和模式庫(kù)的時(shí)間是很重要的。大多數(shù)小網(wǎng)站都無(wú)法解釋的初始資金要求相比未來(lái)儲(chǔ)蓄。

在iWeb，我們?cè)噲D改變。我們的目標(biāo)是讓每一個(gè)網(wǎng)站建立盡可能快速和精益。大約18個(gè)月前，我們開(kāi)始建立我們自己的風(fēng)格指南和模式庫(kù)。我們創(chuàng)造了它切切

作為一個(gè)機(jī)構(gòu)，我們能夠利用工作的優(yōu)勢(shì)在項(xiàng)目每個(gè)星期幾十。這種獨(dú)特的見(jiàn)解，使我們能夠建立一個(gè)網(wǎng)站的風(fēng)格指南和模式庫(kù)，可用于每一個(gè)網(wǎng)站，無(wú)論大小。

通過(guò)使用相同的庫(kù)代碼在每個(gè)項(xiàng)目上我們能夠引進(jìn)更多的一致性，全線。這為我們的客戶帶來(lái)巨大的效益。隨著項(xiàng)目變得更加一致，更多的開(kāi)發(fā)者能夠?qū)λ麄兊墓ぷ鳑](méi)有任何先驗(yàn)知識(shí)。這意味著，沒(méi)有一個(gè)開(kāi)發(fā)商與項(xiàng)目，讓工作啟動(dòng)快、花費(fèi)更少的時(shí)間。

不過(guò)好處

我們看到的不過(guò)是有一個(gè)對(duì)每個(gè)網(wǎng)站風(fēng)格指南和模式庫(kù)的好處。建立我們自己的系統(tǒng)，使我們能夠減少通常所需的初期費(fèi)用。隨著時(shí)間的推移，這將繼續(xù)改善。

風(fēng)格指南和模式庫(kù)帶來(lái)利益的客戶，網(wǎng)站所有者、開(kāi)發(fā)者和設(shè)計(jì)者。所以你的下一個(gè)項(xiàng)目，甚至現(xiàn)有的一個(gè)，它是絕對(duì)值得詢問(wèn)使用它們的機(jī)會(huì)。

標(biāo)題名稱：成都網(wǎng)站建設(shè)：網(wǎng)站設(shè)計(jì)都有那些設(shè)計(jì)模式？
網(wǎng)站URL：http://www.rwnh.cn/news29/316579.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、微信公眾號(hào)、微信小程序、定制網(wǎng)站、域名注冊(cè)、App開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)