DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁設計:腳本素材重構用戶體驗
網頁設計:腳本素材重構用戶體驗
編輯:關於網頁技巧     

原文:http://blog.rexsong.com/?p=1166

設計網站的同志背景主要有兩種:學計算機、學藝術。基本上會寫代碼的不懂設計,會設計的不懂代碼,這個格局似乎到今天還沒變。某些學計算機的同學,有自己的審美品位,也能夠做出看起來不錯的網站,但學藝術的同學普遍難搞懂代碼,我曾經還去過望京央美宿捨輔導朋友。

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

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

用腳本吸引眼球

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

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

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

素材造成設計貶值

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

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

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

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

重構革命

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

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

做代碼重構的同學,基本都有從規范到極簡,再回歸靈活的過程。上次我們去分析ExtJS的代碼,效果沒的說,但那個結構復雜的不得了,光css就500k還多。

用戶體驗之後

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

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved