熱門(mén)標簽
- 席王制作網(wǎng)站
- 李親顧SEO優(yōu)化
- 阿弓網(wǎng)站建設
- 婁山關(guān)網(wǎng)站建設公司
- 賽虹橋網(wǎng)站定制
- flash網(wǎng)站導航欄設計16
- 馬尚網(wǎng)站開(kāi)發(fā)公司
- 富源網(wǎng)站建設制作
- 國外童車(chē)設計交流網(wǎng)站
- 三廠(chǎng)網(wǎng)站開(kāi)發(fā)公司
- 船溪網(wǎng)站建設制作
- 國外給設計師用的網(wǎng)站
- 朱橋網(wǎng)站設計公司
- 翁牛特旗SEO優(yōu)化
- 鹿港網(wǎng)站建設公司
- 步頭網(wǎng)頁(yè)設計
- 長(cháng)壽湖網(wǎng)站建設
- 仇樓網(wǎng)頁(yè)制作
- 山寨網(wǎng)站推廣
- 謝塘網(wǎng)絡(luò )營(yíng)銷(xiāo)
為什么網(wǎng)站應該使用模式庫
網(wǎng)站您應該使用您聽(tīng)說(shuō)過(guò)的模式庫、模式庫、樣式指南、組件庫設計模式還是用戶(hù)界面工具包 如果你感到困惑或不知道其中的區別,不要擔心。這里有一個(gè)秘密,大多數人都有點(diǎn)困惑設計行業(yè)。
隨著(zhù)這些條款的飛來(lái)飛去,這將是壓倒性的。但請放心,它可能真的像你想的那么復雜。
所有這些不同的方面可以分為兩種類(lèi)型
1) 風(fēng)格指南這是一個(gè)網(wǎng)站品牌指南。它們包含徽標、顏色和字體。一個(gè)風(fēng)格指南品牌指南和所有相關(guān)部分。
2) 模式庫/組件庫/用戶(hù)界面工具包所有這些術(shù)語(yǔ)都指同一件事。它們是一組可重用的組件,組成了一個(gè)網(wǎng)站。模式庫(從現在開(kāi)始我將從它們開(kāi)始)是“讓我們擁有一個(gè)網(wǎng)站”的全部表示。這包括布局、結構和其中包含的所有內容。在電子商務(wù)網(wǎng)站中,這將包括一個(gè)產(chǎn)品項目、評論、星號、數量、導航、表單和按鈕等,這些被稱(chēng)為組件。因此,模式庫由集合網(wǎng)站構成。
樣式庫和樣式指南網(wǎng)站需要樣式指南和樣式庫。他們經(jīng)常住在一起,這可能是造成很多混亂的原因。樣式指南適用于品牌和樣式,也適用于圖書(shū)館的布局和結構。例如,jeans樣式指南將決定網(wǎng)站應該使用紅色字體,但是heavy pattern庫將決定產(chǎn)品列表項包含圖像、標題和價(jià)格。
他們?yōu)槭裁垂ぷ?/p>
樣式指南和模式庫一致性的總體好處設計教師喜歡一致性,開(kāi)發(fā)人員喜歡一致性,網(wǎng)站所有者喜歡一致性,**重要的是,您的客戶(hù)喜歡一致性。
原因是:您的客戶(hù)受益于改進(jìn)的性能和更快的網(wǎng)站代碼,因為使用了一致的成分和造型手段,使其更加精簡(jiǎn)和干凈。整個(gè)網(wǎng)站中一致的用戶(hù)界面允許更輕松地導航產(chǎn)品是否顯示相同且易于理解。更好的瀏覽器支持,因為模式庫允許我們分離和嚴格測試組件。
網(wǎng)站所有者在一個(gè)地方的權益包括其網(wǎng)站項下的一切。使用現有組件快速創(chuàng )建新頁(yè)面和列。網(wǎng)站將保持快速和精簡(jiǎn),因為新章節可以繼承以前創(chuàng )建的組件。在品牌的每一頁(yè)上。沒(méi)有例外。風(fēng)格的引導力,品牌的一致性,沒(méi)有字體的游移和色彩的爬行。轉換率很高,因為網(wǎng)站更一致,使網(wǎng)站更快,并提供一致的用戶(hù)體驗。改進(jìn)了搜索引擎的一致性和結構組件優(yōu)化。精簡(jiǎn)和干凈的代碼意味著(zhù)更少的時(shí)間用于將來(lái)的工作。提高網(wǎng)站的壽命,因為持續改進(jìn)更容易實(shí)現。
開(kāi)發(fā)人員的好處是編寫(xiě)更少更好的代碼。這使得工作和管理代碼更加容易。一個(gè)是不依賴(lài)的。所有組件都是可訪(fǎng)問(wèn)的,每個(gè)人都需要在事先不知情的情況下創(chuàng )建新的章節和頁(yè)面。改進(jìn)的瀏覽器測試當新部件組裝好時(shí),您知道它將在所有支持的瀏覽器中。好的文檔通常基于模式庫。
福利設計所有品牌。如果它在模式庫中,則它存在于網(wǎng)站中。每一個(gè)組件都可以檢查,以確保它看起來(lái)很好。一致設計和布局。可重用組件意味著(zhù)更好的設計體系結構。我們都知道網(wǎng)站是怎么回事。如果未來(lái)設計的工作需要一個(gè)模式庫,它可以作為已經(jīng)存在的模式庫的參考。
示例樣式指南和模式庫正變得越來(lái)越流行,因此有一些可以公開(kāi)訪(fǎng)問(wèn)的示例。甚至還專(zhuān)門(mén)展示了他們的整個(gè)網(wǎng)站。下面是一些我們**喜歡的例子。
這是你在網(wǎng)上能找到的**漂亮的版本。他們的樣式指南和樣式庫中的所有內容都在他們的網(wǎng)站上。您還將注意到,它包含了許多關(guān)于組件應該如何響應的文檔和指南。
uSwitch除了樣式指南和模式庫之外,uSwitch還決定包括語(yǔ)言和語(yǔ)調。這是個(gè)好主意,因為它是網(wǎng)站的一個(gè)包羅萬(wàn)象的文檔;確保設計、布局和均勻色調一致。
如何優(yōu)化自己網(wǎng)站
Large網(wǎng)站對于一個(gè)組織來(lái)說(shuō),大多數好的樣式指南和模式庫的例子都是Large網(wǎng)站。人們會(huì )很容易得出結論,他們是唯一有用的,并有很多人在他們的網(wǎng)站工作不斷。我們可能只看到大型網(wǎng)站示例,因為構建樣式指南和模式庫的時(shí)間非常重要。多數小型股網(wǎng)站無(wú)法解釋與未來(lái)儲蓄相比的初始融資要求。
在iWeb,我們正在努力改變。我們的目標是使每一個(gè)網(wǎng)站建立盡可能快和精益。大約18個(gè)月前,我們開(kāi)始構建自己的樣式指南和模式庫。我們創(chuàng )造了它。作為一個(gè)機構,我們能夠利用每周從事幾十個(gè)項目的機會(huì )。這種獨特的見(jiàn)解使我們能夠構建一個(gè)網(wǎng)站樣式指南和模式庫,它可以用于每一個(gè)網(wǎng)站,無(wú)論大小。
通過(guò)在每個(gè)項目上使用相同的庫代碼,我們能夠全面引入更多的一致性。這給我們的客戶(hù)帶來(lái)了巨大的好處。隨著(zhù)項目變得更加一致,越來(lái)越多的開(kāi)發(fā)人員能夠在事先不了解他們工作的情況下工作。這意味著(zhù)沒(méi)有開(kāi)發(fā)人員或項目可以快速開(kāi)始工作并花費更少的時(shí)間。
我們看到的是,每個(gè)網(wǎng)站樣式指南和模式庫只有一個(gè)好處。建立我們自己的系統,這樣我們就可以減少通常需要的初始成本。隨著(zhù)時(shí)間的推移,這種情況將繼續改善。受益于樣式指南和模式庫的客戶(hù),網(wǎng)站所有者、開(kāi)發(fā)人員和設計開(kāi)發(fā)人員。因此,你的下一個(gè)項目,甚至是你現有的項目,絕對值得詢(xún)問(wèn)使用它們的機會(huì )。
http://ezekroy.com/jianzhanzhishi/861.html 為什么網(wǎng)站應該使用模式庫