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



















