久草资源网-久草资源网站-久草资源在线-久草资源在线播放-天天艹天天艹-天天艹夜夜

蒙狼科技logo
設(shè)為首頁| 聯(lián)系我們
咨詢熱線: 13917498722
  您的位置: 首頁 > 網(wǎng)站資訊 > 網(wǎng)站設(shè)計(jì)都有那些設(shè)計(jì)模式?

網(wǎng)站設(shè)計(jì)都有那些設(shè)計(jì)模式?

發(fā)布日期:2017/9/8

你聽說過的模式庫,風(fēng)格指南,元件庫,設(shè)計(jì)模式或用戶界面工具包?別憂慮,假如你感到疑心或不知道的差異。這里是一個(gè)隱秘不銹鋼閥門,大多數(shù)人在設(shè)計(jì)行業(yè)也有點(diǎn)疑心。

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


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

1)風(fēng)格指南

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

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

所有這些術(shù)語指的是統(tǒng)一件事。


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

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

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

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

網(wǎng)站需要一個(gè)風(fēng)格指南和模式庫。他們會(huì)經(jīng)常生活在一路,這可能是許多的疑心來自哪里。

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


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

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

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

這里的原因:

你的客戶的利益

改進(jìn)的性能和更快的網(wǎng)站因?yàn)槭褂靡恢碌某煞趾驮煨褪侄胃喓透蓛舻拇a。

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

更好的瀏覽器的支撐,因?yàn)閳D案庫許可我們星散和嚴(yán)酷的測(cè)試組件。

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


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

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

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

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

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

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

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

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


開發(fā)者的益處

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

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

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

的文檔通常是建立在模式庫。


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

所有的品牌。假如它在模式庫品牌策劃,它存在于網(wǎng)站。每一個(gè)組件都可以被檢查以確保它看起來不錯(cuò)。

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

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

實(shí)例

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

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

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



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


沃爾瑪

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


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

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

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

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

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

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


不過益處

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

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





其他相關(guān)文章
  • 網(wǎng)頁教學(xué)網(wǎng)收集整頓網(wǎng)上有趣的404頁面(1)
  • 網(wǎng)站好的名次與網(wǎng)頁的流量有著一定的關(guān)聯(lián)
  • 外貿(mào)電商平臺(tái)選擇美國服務(wù)器的五大優(yōu)勢(shì)
  • Android應(yīng)用中10大導(dǎo)航設(shè)計(jì)錯(cuò)誤
  • 網(wǎng)絡(luò)推廣有哪些方式
  • 網(wǎng)站專題設(shè)計(jì)之如何設(shè)計(jì)專題頭部




  • 企業(yè)網(wǎng)站后臺(tái)使用
    購物網(wǎng)站后臺(tái)使用
    網(wǎng)站產(chǎn)品圖片的處理



    農(nóng)業(yè)銀行支付
    建設(shè)銀行支付
    郵政儲(chǔ)蓄銀行支付



    企業(yè)網(wǎng)站建設(shè)
    整站建設(shè)
    購物網(wǎng)站



    企業(yè)網(wǎng)站建設(shè)建議
    注冊(cè)適合自己的域名
    什么是虛擬主機(jī)




    售前咨詢QQ: 838821345
    售后服務(wù)QQ: 464698733
    應(yīng)急手機(jī):13917498722


    微信掃一掃
    添加24小時(shí)微信客服


    郵箱:lang@MENGL.CN
    地址:上海寶山區(qū)城銀路555弄2號(hào)樓3樓
    ICP備案:滬ICP備12042844號(hào)-3
     滬公網(wǎng)安備:31011402002917號(hào)
    做網(wǎng)站 | 企業(yè)網(wǎng)站建設(shè) | 上海做網(wǎng)站 | 企業(yè)網(wǎng)站制作 | 做網(wǎng)站的公司 | 關(guān)于蒙狼 | 整站建設(shè) | 購物網(wǎng)站 | 企業(yè)網(wǎng)絡(luò)營銷 | 成功案例 | 加盟代理 | 在線訂單
    服務(wù)區(qū)域: 臨港新區(qū)做網(wǎng)站 徐匯做網(wǎng)站 閔行做網(wǎng)站 長寧做網(wǎng)站 虹口做網(wǎng)站 黃浦做網(wǎng)站 盧灣做網(wǎng)站 靜安做網(wǎng)站 浦東做網(wǎng)站 楊浦做網(wǎng)站 普陀做網(wǎng)站 閘北做網(wǎng)站 寶山做網(wǎng)站 嘉定做網(wǎng)站 松江做網(wǎng)站 昆山做網(wǎng)站
    Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 www.jnjiaoyu.cn All Rights Reserved