網(wǎng)頁設(shè)計(jì)選對(duì)模式，你就成功了一半

發(fā)布日期：[2016/2/29] 編輯：奇億廣州網(wǎng)站建設(shè)

隨著互聯(lián)網(wǎng)的變化，網(wǎng)頁設(shè)計(jì)也在隨之發(fā)生這變化，對(duì)于不同的網(wǎng)站設(shè)計(jì)方式不同，因此網(wǎng)頁設(shè)計(jì)也要選擇對(duì)的模式，選對(duì)了你就成功了一半。

      使用設(shè)計(jì)模式來解決普通的設(shè)計(jì)問題是很常見的方法。你也會(huì)借鑒模版來為你的首頁添加一個(gè)滾動(dòng)條。主張采用設(shè)計(jì)模版的人會(huì)說：“為什么要推倒設(shè)計(jì)模式重新來設(shè)計(jì)呢？”
      在網(wǎng)頁設(shè)計(jì)中，所謂的設(shè)計(jì)模式通常指程序模版，不過也有一些是界面設(shè)計(jì)模版。盡管用程序模版解決重復(fù)的代碼非常高效，但是使用界面設(shè)計(jì)模版得到的結(jié)果卻并不那么令人滿意。
      我們?yōu)槭裁匆褂迷O(shè)計(jì)模式呢？
      盡管印刷設(shè)計(jì)模式比網(wǎng)頁設(shè)計(jì)模式更早出現(xiàn)，但印刷設(shè)計(jì)模式卻使用很少，遠(yuǎn)不及網(wǎng)頁設(shè)計(jì)模式。原因是：比起印刷設(shè)計(jì)，信息建構(gòu)、編碼和可用性設(shè)計(jì)等對(duì)網(wǎng)頁設(shè)計(jì)影響更大，且這些方面都會(huì)利用到設(shè)計(jì)模式。
程序員的價(jià)值不在于創(chuàng)造，而在于高效、簡明的解決問題。如果你曾經(jīng)寫過PHP你會(huì)知道有很多種方法可以在數(shù)據(jù)庫里恢復(fù)數(shù)據(jù)，但是大多數(shù)PHP程序員會(huì)反復(fù)使用同一段代碼。如果你曾經(jīng)寫過＆#106avascript你會(huì)知道雖然有很多方法可以用來迭代，但是只有其中一種方法更合理更高效。事實(shí)上，很多的代碼編寫人員都重復(fù)使用一段很精確的代碼，因?yàn)閹缀跛械耐露紩?huì)默認(rèn)使用這段代碼。
      與程序員相反，設(shè)計(jì)師的價(jià)值在于創(chuàng)造，但是卻有一些設(shè)計(jì)師使用模版設(shè)計(jì)，因?yàn)樗麄內(nèi)狈ο胂螅ɑ蛘哒f是勇氣）去做一些改變，其中大多數(shù)人都是靠一些老套的設(shè)計(jì)模式來得到方案。
      然而在設(shè)計(jì)項(xiàng)目中使用設(shè)計(jì)模式并不是默認(rèn)的規(guī)則，這就是為什么設(shè)計(jì)模式在代碼設(shè)計(jì)中更為流行。看一些網(wǎng)頁設(shè)計(jì)和移動(dòng)端app設(shè)計(jì)，你往往會(huì)看到他們一次又一次地使用相同的設(shè)計(jì)模式：這個(gè)app頁面在手機(jī)上展示，向左或向右對(duì)齊；緊隨其后的是標(biāo)語和引導(dǎo)動(dòng)作；背景圖片往往是一張模糊了的咖啡店。
      設(shè)計(jì)模式有用嗎？
      設(shè)計(jì)模式當(dāng)然有用。它們一直隨著時(shí)間的推移逐步進(jìn)化，而且獨(dú)特的是一個(gè)設(shè)計(jì)模式只要能被哪怕一個(gè)人認(rèn)同，它就可以存活。按照文化領(lǐng)域的進(jìn)化論來說，模式存活的關(guān)鍵在于獨(dú)特性，這些存活下來的模式是成功的。
      對(duì)網(wǎng)頁設(shè)計(jì)師來說，設(shè)計(jì)模式是通往成功最簡單的途徑。它們提供了非常多的方案來讓客戶挑選直到滿意。而且設(shè)計(jì)模式不需要β測試，他們沒有一個(gè)準(zhǔn)確的答案，甚至不必讓你的客戶去進(jìn)行用戶測試，因?yàn)樵O(shè)計(jì)模式已經(jīng)在長久的使用中得到了驗(yàn)證。
      設(shè)計(jì)模式（幾乎）是用來給顧客服務(wù)的，而不是給設(shè)計(jì)師服務(wù)的。利用設(shè)計(jì)模式就像期望能在繪畫方面靠作品數(shù)量取勝。說真的，我們應(yīng)該享受設(shè)計(jì)過程而不是只為了最后拿到工資。你有責(zé)任給你的用戶拿出最好的方案，但是同樣對(duì)自己有責(zé)任。如果你沒打算去變的更有創(chuàng)造力，也有簡單的辦法。
      設(shè)計(jì)模版的支持者聲稱，他們高效的用基礎(chǔ)的UI設(shè)計(jì)促進(jìn)了交易成功率，提高了就業(yè)率，還讓設(shè)計(jì)少走了彎路。但是，這是一個(gè)過時(shí)了的想法。當(dāng)然如果你創(chuàng)造了一個(gè)復(fù)雜的app，一些規(guī)則可以幫你的用戶盡快熟悉它，但是它不太可能對(duì)你設(shè)計(jì)一些你不太熟悉的網(wǎng)站比如人口統(tǒng)計(jì)學(xué)網(wǎng)站有所幫助。
      當(dāng)網(wǎng)頁剛剛出現(xiàn)的時(shí)候，把每一個(gè)鏈接設(shè)計(jì)成藍(lán)色是有效的，因?yàn)檫@樣可以幫助人們找到入口。但是這種普通的設(shè)計(jì)對(duì)鏈接來說已經(jīng)不再必要，因?yàn)槲覀冎酪话沔溄釉谀睦�。作為時(shí)代的見證者，像鏈接就是藍(lán)色的這種模式現(xiàn)在已經(jīng)不再流行了。
      設(shè)計(jì)模版的問題是：盡管他們?cè)诤芏痰囊欢螘r(shí)間內(nèi)有用，但沒人能夠預(yù)知他們到底多久會(huì)過時(shí)。
會(huì)導(dǎo)致樣式滅絕的事件
      設(shè)計(jì)模版像動(dòng)植物一樣不斷進(jìn)化，所以最好的或者說最適應(yīng)潮流的模版就會(huì)興盛。同時(shí)也會(huì)有像恐龍那樣轉(zhuǎn)瞬即逝的設(shè)計(jì)模版。
      時(shí)代變化非�？�，而解決方案卻沒有跟上時(shí)代。就像霸王龍?jiān)诎讏准o(jì)稱霸過森林，但是它無法應(yīng)對(duì)溫度改變，也沒有注意到后起之秀——哺乳動(dòng)物的不斷進(jìn)化。
      對(duì)于大多設(shè)計(jì)模式來說，響應(yīng)式設(shè)計(jì)就是最新的時(shí)代趨勢(shì)。
      由于移動(dòng)端設(shè)計(jì)的激增，最常用的一種設(shè)計(jì)模式是“黃金布局”，之所以這么稱呼是因?yàn)樵诂F(xiàn)階段這只是理想化的設(shè)計(jì)，很難用css修飾語言達(dá)到這種效果。當(dāng)為了移動(dòng)端網(wǎng)頁而使用響應(yīng)式設(shè)計(jì)，“黃金布局”就不再那么完美，它是為了適應(yīng)電腦屏幕而設(shè)計(jì)，還沒有準(zhǔn)備好適應(yīng)移動(dòng)端屏幕。
      關(guān)鍵是設(shè)計(jì)師必須解決問題而不是袖手旁觀。網(wǎng)頁設(shè)計(jì)經(jīng)常因?yàn)橥饨缬绊�、國際風(fēng)向以及顯示屏等原因改變風(fēng)格。當(dāng)我們使用設(shè)計(jì)模式，其實(shí)是在用昨天的答案解決昨天的問題，沒有給今天的問題一個(gè)答案。
用最優(yōu)原則解決問題
      最優(yōu)原則是使用邏輯思維抽絲剝繭每個(gè)問題，直到找到問題的核心。
      維基百科上的一個(gè)更好的例子：所有的瀏覽器都是專線小車，就像蘋果的瀏覽器Safari。如果從第一點(diǎn)到第二點(diǎn)的路上就可以得到結(jié)果，那么就不需要第三個(gè)點(diǎn)。
      Elon Musk是最優(yōu)原則的貫徹者。據(jù)上個(gè)禮拜VentureBeat（互聯(lián)網(wǎng)產(chǎn)業(yè)博客）報(bào)道，Musk的公司——SpaceX在最優(yōu)原則的指導(dǎo)下，大約花費(fèi)了普通標(biāo)準(zhǔn)的2%建造了空間火箭。
      反對(duì)者認(rèn)為最優(yōu)原則指導(dǎo)下的產(chǎn)物都是類似的，設(shè)計(jì)模式就是最好的例子。當(dāng)你依賴設(shè)計(jì)模式去解決問題的時(shí)候，你根本沒有思考。如果你把你的樣式設(shè)計(jì)為藍(lán)色，在2000年的時(shí)候適用，但在2015年幾乎無效。
      按照最優(yōu)原則的指導(dǎo)，我們的重點(diǎn)應(yīng)該在解決客戶的痛點(diǎn)，而不是去繼承設(shè)計(jì)風(fēng)格。
      總結(jié)
      設(shè)計(jì)模式為時(shí)間緊的項(xiàng)目提供了高效的解決方案。雖然越被認(rèn)可的設(shè)計(jì)模式就越流行，但它也越有可能被淘汰。
      我們不應(yīng)該把重點(diǎn)放在和別人比較設(shè)計(jì)或者借鑒別人的設(shè)計(jì)，而更應(yīng)該關(guān)注客戶所遇到的問題。
網(wǎng)站在變化，設(shè)計(jì)也一直進(jìn)步，使用最優(yōu)原則可以讓我們的產(chǎn)品更有競爭力。誰知道呢，也許你會(huì)變的更有創(chuàng)造力也不一定。
      網(wǎng)頁設(shè)計(jì)模式在建站前就要有所考量，以選擇最能適應(yīng)當(dāng)下且符合網(wǎng)站主題的模式，從而達(dá)到事半功倍的效果。
      本文由奇億網(wǎng)站建設(shè)原創(chuàng)，原文地址：http://www.studstu.com/news/1322.html，轉(zhuǎn)摘請(qǐng)保留版權(quán)，謝謝。