最早的網(wǎng)頁(yè)設(shè)計(jì)軟件

【專家解說】：在專業(yè)角度，網(wǎng)站設(shè)計(jì)與平面設(shè)計(jì)是兩套截然不同的路數(shù)。比如很多藝術(shù)出身的設(shè)計(jì)師做網(wǎng)站時(shí)會(huì)發(fā)現(xiàn)，設(shè)計(jì)出來的作品總是被研發(fā)工程師否定，這個(gè)不能做，那個(gè)不好做。要想抹平這中間的隔閡，視覺設(shè)計(jì)師至少需要懂互聯(lián)網(wǎng)，懂網(wǎng)站界面原理。 軟件設(shè)計(jì) 傳統(tǒng)軟件設(shè)計(jì)包括系統(tǒng)分析、需求分析、?？靹澐值龋a(chǎn)出主要是軟件流程圖和文檔。要求系統(tǒng)分析員、高級(jí)程序員，或者軟件架構(gòu)師參與完成，要求參入人員水平較高。而編程就是依據(jù)設(shè)計(jì)結(jié)果，用選定語(yǔ)言來編碼，一般熟悉選定語(yǔ)言的初級(jí)、中級(jí)程序員就可以勝任。 也就是說，最早設(shè)計(jì)軟件全部是有設(shè)計(jì)能力的工程師勝任，已經(jīng)涵蓋了《用戶體驗(yàn)的要素》觀點(diǎn)中的戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層。他們唯一解決不了表現(xiàn)層，就是被俗稱為“美工”需要完成的視覺設(shè)計(jì)工作，這也充分說明了不是只有設(shè)計(jì)師才能做“設(shè)計(jì)”。 只不過既有編碼功底，又能充分考慮用戶感受的工程師實(shí)在太少，絕大部分工程師做出來的東西都帶有明顯的機(jī)器色彩，不符合用戶心智模型。少數(shù)高瞻遠(yuǎn)矚的工程師意識(shí)到這問題，并深入總結(jié)成了門學(xué)問。比如Alan Cooper就是這類人群的典型，既是有十幾年編程經(jīng)驗(yàn)的Visual Basic之父，又贏得了（軟件）交互設(shè)計(jì)之父的稱號(hào)。 在往后的發(fā)展中，設(shè)計(jì)與工程開始逐漸分離，因?yàn)樗麄兊哪繕?biāo)有沖突，比如Cooper給交互設(shè)計(jì)師的第一條建議就是“停止編程”。各類軟件公司紛紛組建設(shè)計(jì)部門，期望提升自己產(chǎn)品的用戶體驗(yàn)。此后，廣義上的設(shè)計(jì)概念才開始逐漸深入到“結(jié)構(gòu)層、框架層”。 期間還有個(gè)小插曲，GUI概念風(fēng)靡大江南北，全稱叫做Graphical User Interface。小到按鈕風(fēng)格大到模塊樣式，都能得到設(shè)計(jì)師的精心雕琢，以及所在公司的熱烈追捧。但是體系決定了他們的價(jià)值只能觸及到“表現(xiàn)層”，和少數(shù)“框架層”里的界面設(shè)計(jì)。所以雖然軟件界面設(shè)計(jì)師奔走相告“我們不是美工！”但還是無法避免弱勢(shì)群體的現(xiàn)實(shí)。 網(wǎng)站設(shè)計(jì) 最早都叫網(wǎng)頁(yè)設(shè)計(jì)，顧名思義就是設(shè)計(jì)一個(gè)個(gè)頁(yè)面。最早的網(wǎng)頁(yè)設(shè)計(jì)師與軟件“美工”職能完全相同，就是想辦法讓頁(yè)面好看起來。甚至在軟件GUI最流行的時(shí)候，還有不少帶有明顯GUI風(fēng)格的頁(yè)面作品出現(xiàn)在論壇，因?yàn)槟承┛蛻魰?huì)想當(dāng)然認(rèn)為GUI與做網(wǎng)頁(yè)差不多。 與早期軟件設(shè)計(jì)對(duì)應(yīng)的職位叫網(wǎng)站策劃，基本是由一幫資深網(wǎng)民、或者在傳統(tǒng)行業(yè)應(yīng)用比較有積累的資深人士擔(dān)當(dāng)。早期網(wǎng)站策劃都有個(gè)顯著特點(diǎn)，對(duì)設(shè)計(jì)、工程的認(rèn)識(shí)相當(dāng)欠缺。團(tuán)隊(duì)之內(nèi)存在了設(shè)計(jì)師、工程師之外的第三類人，做出來東西的質(zhì)量可想而知。 實(shí)際上網(wǎng)站設(shè)計(jì)全面繼承了軟件設(shè)計(jì)的思想和知識(shí)體系，然后再結(jié)合互聯(lián)網(wǎng)技術(shù)重構(gòu)創(chuàng)新。技術(shù)體系的差別很小，但側(cè)重點(diǎn)差異很大。做慣了C/S架構(gòu)產(chǎn)品的工程師，在做B/S架構(gòu)產(chǎn)品時(shí)，總會(huì)碰到些奇奇怪怪的問題： 兼容性如何解決？ 搜索引擎友好如何解決？ 可訪問性效率問題如何解決？ 可訪問性退路問題如何解決？ 可發(fā)現(xiàn)性的導(dǎo)航結(jié)構(gòu)如何部署？ 結(jié)構(gòu)、表現(xiàn)、行為分層結(jié)構(gòu)如何部署？ 服務(wù)器端策略如何部署？ 問題被深入剖析以后，完全可以探索出整套但又相對(duì)獨(dú)立的知識(shí)體系。除了既有W3C標(biāo)準(zhǔn)的標(biāo)記語(yǔ)言和樣式表，還有更適合互聯(lián)網(wǎng)產(chǎn)品“快速產(chǎn)出、快速迭代”的敏捷方法。隨著軟件產(chǎn)品在滿足用戶需求角度弊端的凸顯，開始逐漸走下坡路，被互聯(lián)網(wǎng)產(chǎn)品所代替。于是大批曾經(jīng)的軟件界面設(shè)計(jì)師、軟件產(chǎn)品設(shè)計(jì)師開始轉(zhuǎn)型做互聯(lián)網(wǎng)產(chǎn)品。 緊接著讓廣大設(shè)計(jì)師困惑的問題叫頁(yè)面制作，去年在從網(wǎng)頁(yè)設(shè)計(jì)開始中總結(jié)過“設(shè)計(jì)網(wǎng)站的同志背景主要有兩種：學(xué)計(jì)算機(jī)、學(xué)藝術(shù)?；旧蠒?huì)寫代碼的不懂設(shè)計(jì)，會(huì)設(shè)計(jì)的不懂代碼，這個(gè)格局似乎到今天還沒變?！蹦敲磜eb頁(yè)面誰(shuí)來制作？視覺設(shè)計(jì)師說不會(huì)，研發(fā)工程師說不懂。臨時(shí)抱佛腳雖然能拼湊出來，但四不像不說，而且效率低下、極其脆弱。 在技術(shù)斷層十分緊迫的情況下，首先得到重視的是前端開發(fā)。傳統(tǒng)軟件界面設(shè)計(jì)只要完成視覺設(shè)計(jì)，在軟件里就能很好的表現(xiàn)出來。而給網(wǎng)站做好視覺設(shè)計(jì)稿之后，研發(fā)工程師根本沒法動(dòng)手，網(wǎng)站的載體是web頁(yè)面，這是做網(wǎng)站界面設(shè)計(jì)與軟件界面設(shè)計(jì)的根本區(qū)別。 產(chǎn)品設(shè)計(jì)時(shí)代 先對(duì)兩個(gè)概念做個(gè)簡(jiǎn)單對(duì)比。相同點(diǎn)，傳統(tǒng)軟件界面設(shè)計(jì)是做界面美化，傳統(tǒng)網(wǎng)站頁(yè)面設(shè)計(jì)是做頁(yè)面美化；不同點(diǎn)，傳統(tǒng)“軟件設(shè)計(jì)”出身比較正統(tǒng)，傳統(tǒng)“網(wǎng)站設(shè)計(jì)”出身比較山寨。 進(jìn)入產(chǎn)品時(shí)代，軟件設(shè)計(jì)、網(wǎng)站設(shè)計(jì)都不約而同的對(duì)“設(shè)計(jì)”概念有廣義上的提升。包括對(duì)各類專業(yè)技術(shù)的“引用”和學(xué)術(shù)名詞的“再創(chuàng)造”。設(shè)計(jì)在贏得了足夠眼球的同時(shí)，也不可避免的造成了足夠的混亂。其實(shí)任何方案的橫向規(guī)劃都可以理解成“設(shè)計(jì)”，任何方案的縱向探索都可以理解成“研究”，說法問題而已。 經(jīng)過之前兩個(gè)階段發(fā)展的不斷成熟，尤其在客戶端技術(shù)迅猛發(fā)展的前提下，技術(shù)架構(gòu)的C/S與B/S無法絕對(duì)分開。也就是說，不管傳統(tǒng)的網(wǎng)站設(shè)計(jì)還是軟件設(shè)計(jì)，往產(chǎn)品設(shè)計(jì)方向都能保證比較好的可持續(xù)性發(fā)展。另外長(zhǎng)遠(yuǎn)來看，不管做soft-based的產(chǎn)品設(shè)計(jì)師，還是做web-based的產(chǎn)品設(shè)計(jì)師。多交叉了解各自領(lǐng)域知識(shí)框架，以后的路子會(huì)越走越寬。 好多朋友都感嘆公司找不到能干活的人，我分析主要原因有四點(diǎn)： 互聯(lián)網(wǎng)產(chǎn)品的潛力曾被低估，從業(yè)者缺乏利益驅(qū)使的學(xué)習(xí)動(dòng)力； 網(wǎng)民素質(zhì)偏低，“用戶”低要求的引導(dǎo)，導(dǎo)致從業(yè)者的設(shè)計(jì)嚴(yán)重同質(zhì)化； 沒有被市場(chǎng)認(rèn)可，國(guó)內(nèi)信息技術(shù)的游戲、軟件、互聯(lián)網(wǎng)公司，最不掙錢的是互聯(lián)網(wǎng)； 互聯(lián)網(wǎng)客戶端技術(shù)發(fā)展過快，新技術(shù)跟蹤深造的難度大、成本高。 本文來自：www.av333.com