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

2017-02-19    分類(lèi): 網(wǎng)站建設(shè)

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

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


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

標(biāo)題名稱(chēng):網(wǎng)頁(yè)設(shè)計(jì)選對(duì)模式,你就成功了一半
當(dāng)前鏈接:http://www.bm7419.com/news10/74110.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄網(wǎng)站設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司虛擬主機(jī)、自適應(yīng)網(wǎng)站

廣告

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

外貿(mào)網(wǎng)站制作