網(wǎng)頁設計:腳本素材重構(gòu)用戶體驗

2019-01-14 13:07:20 來源:互聯(lián)網(wǎng)作者:佚名 人氣: 次閱讀 525 條評論

設計網(wǎng)站的同志背景主要有兩種:學計算機、學藝術?;旧蠒懘a的不懂設計,會設計的不懂代碼,這個格局似乎到今天還沒變。某些學計算機的同學,有自己的審美品位,也能夠做出看起來不錯的網(wǎng)站,但學藝術的同學普遍難搞懂代碼...

  設計網(wǎng)站的同志背景主要有兩種:學計算機、學藝術?;旧蠒懘a的不懂設計,會設計的不懂代碼,這個格局似乎到今天還沒變。某些學計算機的同學,有自己的審美品位,也能夠做出看起來不錯的網(wǎng)站,但學藝術的同學普遍難搞懂代碼,我曾經(jīng)還去過望京央美宿舍輔導朋友。

  論壇對技術的推動起到了至關重要的作用,03年的時候,我每天在藍色經(jīng)典翻老帖子,04,05年主要呆無憂腳本和中國XML聯(lián)盟,ChinaUI我認為沒什么技術含量,我又不搞藝術。

  當年無憂論壇的月影斑竹都已經(jīng) 出書 了,時間過得快,大家的進步更快。

用腳本吸引眼球

  開始做網(wǎng)頁設計,我們能把頁面完成就不錯了,受網(wǎng)絡上作品的影響,才慢慢開始追求各種吸引眼球的特效。因為覺得那個東西特牛,而事實上,01年那會能寫腳本的人薪水的確挺高。

  當時進各種品網(wǎng),一靠華麗的設計,二靠炫目的腳本,對簡潔沒有任何概念。后來發(fā)展成熟些,順理成章的誕生了很多提供“眼球服務”的技術網(wǎng)站,有好心人把網(wǎng)絡上各種稀奇古怪的東西分門別類整理好。我們這些愛好者們每天就去找,看看有沒有什么合適的能用在自己站上。

  我曾經(jīng)做過的事情,耐心的去翻每個站的各種新鮮貨物,用收藏夾再次整理。最典型有篇“Javascript最常用的XX個經(jīng)典技巧”的文章,羅列了幾十條簡單易用、效果突出的腳本。不懂也能方便使用,反正記住這段代碼是干啥用的就可以,好像在02年已經(jīng)傳開。

素材造成設計貶值

  用素材的目地是為了高效作業(yè)、批量生產(chǎn),但必然會導致設計質(zhì)量的下降,以及同質(zhì)化的嚴重問題。當時大量的水晶風格按鈕、韓式圖形修飾,在每個設計網(wǎng)站都能看到。

  為了更快捷的生產(chǎn)、更直觀的讓客戶選擇,誕生了大量韓式、歐式、美式風格模板。網(wǎng)絡上有大批倒賣截圖、模板的商人,靠這掙了幾個小錢的同時,也把設計行業(yè)禍害的夠嗆。

  好多漂亮的素材屬于那種看一次還可以,多看幾次就膩味的東西,最討厭的是大家都有,出來的作品怎么看都眼熟,于是很快一陣風似的就過去了。好比當年 有風的日子的站長陣風,呵呵。

  03年開始有網(wǎng)友陸續(xù)公布截圖庫,就是自己搜集整理的網(wǎng)絡上不錯的網(wǎng)站截圖。緊接著也有網(wǎng)站專門提供類似的服務,差不多同時,國外冒出了不少showcase的網(wǎng)站。

重構(gòu)革命

  到此我們才知道以前那些書上寫的“不建議多使用div”是句屁話,最好的學習方法是研究更成熟的作品。往后才算對網(wǎng)站界面設計有了概念上的入門,起碼曉得了有結(jié)構(gòu)、表現(xiàn)、行為這回事。

  最關鍵的,我認為重構(gòu)代碼的同時,推動設計風格的變革。我們已經(jīng)開始注意為什么老外網(wǎng)站總那么簡潔?為什么css寫的頁面就簡潔?也有朋友認為,是web2.0推動了 網(wǎng)站重構(gòu)的發(fā)展。

  做代碼重構(gòu)的同學,基本都有從規(guī)范到極簡,再回歸靈活的過程。上次我們?nèi)シ治鯡xtJS的代碼,效果沒的說,但那個結(jié)構(gòu)復雜的不得了,光css就500k還多。

用戶體驗之后

  開始專業(yè)論壇上談最多的是UI和GUI,基本與軟件有關,比如ChinaUI也是在當時背景下創(chuàng)辦的,包括后來的 UIGarden。他們說的要么我看不懂,要么我認為很簡單,挺奇怪的。我意識到做web和graphical完全是兩個概念,于是給提了個WUI,結(jié)果沒人理我。

  做GUI不錯的同學,做web不一定靈。雖然兩者的目的都是傳達,但graphical更偏向設計圖形,web偏向設計信息。到現(xiàn)在為止,我還只做過基于web-based的產(chǎn)品,這一個方面就夠折騰。

  做為一名實踐者,最深刻感受到的是積累不夠,處理事情每次都要搜腸刮肚。另外,在國內(nèi)互聯(lián)網(wǎng)行業(yè)追求設計的理想主義,那得靠怨婦般的精神。

您可能感興趣的文章

相關文章