網(wǎng)頁設(shè)計:腳本素材重構(gòu)用戶體驗
2024-08-30 08:33:30
供稿：網(wǎng)友
原文：http://blog.rexsong.com/?p=1166
設(shè)計網(wǎng)站的同志背景主要有兩種：學(xué)計算機、學(xué)藝術(shù)。基本上會寫代碼的不懂設(shè)計，會設(shè)計的不懂代碼，這個格局似乎到今天還沒變。某些學(xué)計算機的同學(xué)，有自己的審美品位，也能夠做出看起來不錯的網(wǎng)站，但學(xué)藝術(shù)的同學(xué)普遍難搞懂代碼，我曾經(jīng)還去過望京央美宿舍輔導(dǎo)朋友。
論壇對技術(shù)的推動起到了至關(guān)重要的作用，03年的時候，我每天在藍(lán)色經(jīng)典翻老帖子，04,05年主要呆無憂腳本和中國XML聯(lián)盟，ChinaUI我認(rèn)為沒什么技術(shù)含量，我又不搞藝術(shù)。
當(dāng)年無憂論壇的月影斑竹都已經(jīng) 出書 了，時間過得快，大家的進(jìn)步更快。用腳本吸引眼球
開始做網(wǎng)頁設(shè)計，我們能把頁面完成就不錯了，受網(wǎng)絡(luò)上作品的影響，才慢慢開始追求各種吸引眼球的特效。因為覺得那個東西特牛，而事實上，01年那會能寫腳本的人薪水的確挺高。
當(dāng)時進(jìn)各種品網(wǎng)，一靠華麗的設(shè)計，二靠炫目的腳本，對簡潔沒有任何概念。后來發(fā)展成熟些，順理成章的誕生了很多提供“眼球服務(wù)”的技術(shù)網(wǎng)站，有好心人把網(wǎng)絡(luò)上各種稀奇古怪的東西分門別類整理好。我們這些愛好者們每天就去找，看看有沒有什么合適的能用在自己站上。
我曾經(jīng)做過的事情，耐心的去翻每個站的各種新鮮貨物，用收藏夾再次整理。最典型有篇“Javascript最常用的XX個經(jīng)典技巧”的文章，羅列了幾十條簡單易用、效果突出的腳本。不懂也能方便使用，反正記住這段代碼是干啥用的就可以，好像在02年已經(jīng)傳開。素材造成設(shè)計貶值
用素材的目地是為了高效作業(yè)、批量生產(chǎn)，但必然會導(dǎo)致設(shè)計質(zhì)量的下降，以及同質(zhì)化的嚴(yán)重問題。當(dāng)時大量的水晶風(fēng)格按鈕、韓式圖形修飾，在每個設(shè)計網(wǎng)站都能看到。
為了更快捷的生產(chǎn)、更直觀的讓客戶選擇，誕生了大量韓式、歐式、美式風(fēng)格模板。網(wǎng)絡(luò)上有大批倒賣截圖、模板的商人，靠這掙了幾個小錢的同時，也把設(shè)計行業(yè)禍害的夠嗆。
好多漂亮的素材屬于那種看一次還可以，多看幾次就膩味的東西，最討厭的是大家都有，出來的作品怎么看都眼熟，于是很快一陣風(fēng)似的就過去了。好比當(dāng)年 有風(fēng)的日子的站長陣風(fēng)，呵呵。
03年開始有網(wǎng)友陸續(xù)公布截圖庫，就是自己搜集整理的網(wǎng)絡(luò)上不錯的網(wǎng)站截圖。緊接著也有網(wǎng)站專門提供類似的服務(wù)，差不多同時，國外冒出了不少showcase的網(wǎng)站。重構(gòu)革命
到此我們才知道以前那些書上寫的“不建議多使用div”是句屁話，最好的學(xué)習(xí)方法是研究更成熟的作品。往后才算對網(wǎng)站界面設(shè)計有了概念上的入門，起碼曉得了有結(jié)構(gòu)、表現(xiàn)、行為這回事。
最關(guān)鍵的，我認(rèn)為重構(gòu)代碼的同時，推動設(shè)計風(fēng)格的變革。我們已經(jīng)開始注意為什么老外網(wǎng)站總那么簡潔？為什么css寫的頁面就簡潔？也有朋友認(rèn)為，是web2.0推動了 網(wǎng)站重構(gòu)的發(fā)展。
做代碼重構(gòu)的同學(xué)，基本都有從規(guī)范到極簡，再回歸靈活的過程。上次我們?nèi)シ治鯡xtJS的代碼，效果沒的說，但那個結(jié)構(gòu)復(fù)雜的不得了，光css就500k還多。用戶體驗之后
開始專業(yè)論壇上談最多的是UI和GUI，基本與軟件有關(guān)，比如ChinaUI也是在當(dāng)時背景下創(chuàng)辦的，包括后來的 UIGarden。他們說的要么我看不懂，要么我認(rèn)為很簡單，挺奇怪的。我意識到做web和graphical完全是兩個概念，于是給提了個WUI，結(jié)果沒人理我。
做GUI不錯的同學(xué)，做web不一定靈。雖然兩者的目的都是傳達(dá)，但graphical更偏向設(shè)計圖形，web偏向設(shè)計信息。到現(xiàn)在為止，我還只做過基于web-based的產(chǎn)品，這一個方面就夠折騰。
做為一名實踐者，最深刻感受到的是積累不夠，處理事情每次都要搜腸刮肚。另外，在國內(nèi)互聯(lián)網(wǎng)行業(yè)追求設(shè)計的理想主義，那得靠怨婦般的精神。
