軟件UI設(shè)計和網(wǎng)站設(shè)計有什么不同?
2015-04-03 11:40:24 訪問:
在專業(yè)角度,網(wǎng)站設(shè)計與軟件UI設(shè)計是兩套截然不同的路數(shù)。先對兩個概念做個簡單對比。相同點,傳統(tǒng)軟件界面設(shè)計是做界面美化,傳統(tǒng)網(wǎng)站頁面設(shè)計是做頁面美化;不同點,傳統(tǒng)“軟件UI設(shè)計”出身比較正統(tǒng),傳統(tǒng)“網(wǎng)站設(shè)計”出身比較山寨。
進入產(chǎn)品時代,軟件UI設(shè)計、網(wǎng)站設(shè)計都不約而同的對“設(shè)計”概念有廣義上的提升。包括對各類專業(yè)技術(shù)的“引用”和學術(shù)名詞的“再創(chuàng)造”。設(shè)計在贏得了足夠眼球的同時,也不可避免的造成了足夠的混亂。其實任何方案的橫向規(guī)劃都可以理解成“設(shè)計”,任何方案的縱向探索都可以理解成“研究”,說法問題而已。
軟件UI設(shè)計
傳統(tǒng)軟件UI設(shè)計包括系統(tǒng)分析、需求分析、??靹澐值?,產(chǎn)出主要是軟件流程圖和文檔。要求系統(tǒng)分析員、高級程序員,或者軟件架構(gòu)師參與完成,要求參入人員水平較高。而編程就是依據(jù)設(shè)計結(jié)果,用選定語言來編碼,一般熟悉選定語言的初級、中級程序員就可以勝任。
也就是說,最早設(shè)計軟件全部是有設(shè)計能力的工程師勝任,已經(jīng)涵蓋了《用戶體驗的要素》觀點中的戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層。他們唯一解決不了表現(xiàn)層,就是被俗稱為“美工”需要完成的視覺設(shè)計工作,這也充分說明了不是只有設(shè)計師才能做“設(shè)計”。
網(wǎng)站設(shè)計
最早都叫網(wǎng)頁設(shè)計,顧名思義就是設(shè)計一個個頁面。最早的網(wǎng)頁設(shè)計師與軟件“美工”職能完全相同,就是想辦法讓頁面好看起來。甚至在軟件GUI最流行的時候,還有不少帶有明顯GUI風格的頁面作品出現(xiàn)在論壇,因為某些客戶會想當然認為GUI與做網(wǎng)頁差不多。
與早期軟件UI設(shè)計對應(yīng)的職位叫網(wǎng)站策劃,基本是由一幫資深網(wǎng)民、或者在傳統(tǒng)行業(yè)應(yīng)用比較有積累的資深人士擔當。早期網(wǎng)站策劃都有個顯著特點,對設(shè)計、工程的認識相當欠缺。團隊之內(nèi)存在了設(shè)計師、工程師之外的第三類人,做出來東西的質(zhì)量可想而知。
實際上網(wǎng)站設(shè)計全面繼承了軟件UI設(shè)計的思想和知識體系,然后再結(jié)合互聯(lián)網(wǎng)技術(shù)重構(gòu)創(chuàng)新。技術(shù)體系的差別很小,但側(cè)重點差異很大。做慣了C/S架構(gòu)產(chǎn)品的工程師,在做B/S架構(gòu)產(chǎn)品時,總會碰到些奇奇怪怪的問題:
問題被深入剖析以后,完全可以探索出整套但又相對獨立的知識體系。除了既有W3C標準的標記語言和樣式表,還有更適合互聯(lián)網(wǎng)產(chǎn)品“快速產(chǎn)出、快速迭代”的敏捷方法。隨著軟件產(chǎn)品在滿足用戶需求角度弊端的凸顯,開始逐漸走下坡路,被互聯(lián)網(wǎng)產(chǎn)品所代替。于是大批曾經(jīng)的軟件界面設(shè)計師、軟件產(chǎn)品設(shè)計師開始轉(zhuǎn)型做互聯(lián)網(wǎng)產(chǎn)品。
緊接著讓廣大設(shè)計師困惑的問題叫頁面制作,去年在從網(wǎng)頁設(shè)計開始中總結(jié)過“設(shè)計網(wǎng)站的同志背景主要有兩種:學計算機、學藝術(shù)。基本上會寫代碼的不懂設(shè)計,會設(shè)計的不懂代碼,這個格局似乎到今天還沒變。”那么web頁面誰來制作?視覺設(shè)計師說不會,研發(fā)工程師說不懂。臨時抱佛腳雖然能拼湊出來,但四不像不說,而且效率低下、極其脆弱。
在技術(shù)斷層十分緊迫的情況下,首先得到重視的是前端開發(fā)。傳統(tǒng)軟件界面設(shè)計只要完成視覺設(shè)計,在軟件里就能很好的表現(xiàn)出來。而給網(wǎng)站做好視覺設(shè)計稿之后,研發(fā)工程師根本沒法動手,網(wǎng)站的載體是web頁面,這是做網(wǎng)站界面設(shè)計與軟件界面設(shè)計的根本區(qū)別。