網頁設計:指令碼素材重構使用者體驗

來源:互聯網
上載者:User

原文: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的產品,這一個方面就夠折騰。

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。