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

佚名發表於2019-01-14

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

  論壇對技術的推動起到了至關重要的作用,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的產品,這一個方面就夠折騰。

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

相關文章