網頁設計(web design)和用戶界面設計(UI design) By admin 2010/6/11 8:44:00 注：這篇網志所指的用戶界面設計在無特殊說明下特指網頁中的用戶界面設計。 回到用戶界面設計的原點這里不做考古，只是回想一下最初在互聯網領域提到用戶界面這個詞的時候，是由工業設計領域的人機交互界面中引申過來的。因而談到界面，則必然會有交互這個概念的存在。從人機界面本身的理解上來看，它是人和機器（本文特指電腦）交互的媒介。如果把機器看作是CPU、硬盤等硬件的話，那么界面就是各種各樣的軟件（包括操作系統）；如果人交互的對象是軟件里的一些對象（有可能是數據啊媒體文件啊等等），那么界面（圖形界面）就是我們很熟悉的軟件界面了。在軟件領域，界面設計的發展已經非常成熟了，在各種環境、各種系統下都有不同的GUI Builder，而之所以稱其為界面，則必須是人會通過界面這個媒介來操作“數據”。這和網頁設計是不一樣的。 從用戶的需求出發來看網頁設計用戶瀏覽網頁的需求是什么？抽象出來可以歸納為 1：瀏覽信息；2：操作數據。這里的數據是指在數據庫中躺著的數據。用戶在單純瀏覽信息時，不會對頁面背后的“數據”造成任何操作，但用戶可以點擊鏈接，跳轉頁面。這部分就是網頁設計有別于用戶界面設計的一個主要地方。前者會花相當多的精力在如何通過設計來準確地傳達信息上，而后者雖然也涉及到信息的傳達，但只占一小部分。這也是為什么做軟件界面的設計師在做網頁設計時會遇到比較大的挑戰，也并不是很成功（盡管“像軟件一樣”的風格也正流行著）。 那是不是可以認為網頁設計中包含一部分用戶界面設計的職能，也就是操作數據的部分？事實上可以這么看，網頁設計中的交互模式和用戶界面設計的交互模式有很多都是想通的。但也需要注意這兩者在交互模式上的差異性。目前由于網絡速度、瀏覽器標準等原因的限制，能夠完美應用到網頁中的交互模式遠少于用戶界面設計中的交互模式，但這種差距正在逐步縮小（比如drag&drop，real time edit）；而在用戶界面設計中，這些交互也顯得更加流暢。 網頁設計受平面設計及界面設計的影響很難說網頁設計是從平面設計或者界面設計之中派生出來的。在最早的年代，網頁設計應該是由瀏覽器開發公司來做的，也就是網景。至于現在發展成如此蓬勃的一個領域，有望超過傳統的平面設計和界面設計，中間的過程中我的腦海中是一團混沌。但無疑，現代的網頁設計是受了很多平面設計以及界面設計的影響。其中我認為平面設計的影響尤甚。 前面有提到用戶在網頁上一個重要需求是瀏覽信息，而網頁設計的一個職能便是有效地、準確地傳達信息，并且同時保證美感。而這正是平面設計的一個重要職能。舉個最普遍的例子，大家通常談到的網頁設計中的排版和布局（layout），實際上正是來源于廣泛應用在平面設計中的格式塔心理學理論的完形法則： 相近（Proximity）。 距離相近的各部分趨于組成整體。 相似（Similarity）。 在某一方面相似的各部分趨于組成整體。 封閉（Closure）。 彼此相屬、構成封閉實體的各部分趨于組成整體。 簡單（Simplicity）。 具有對稱、規則、平滑的簡單圖形特征的各部分趨于組成整體。 而色彩理論、構圖理論等等，很多也是直接基于平面設計發展多年積累下來的經驗結果的。甚至現在很多設計師直接把平面設計中獨特的風格引入到網頁設計里：Print Design Influence。 而網頁設計和平面設計最大的不同，也就是在“操作數據”上。事實上，網頁設計的發展也一直受軟件界面設計的影響，先前已經提到網頁中的交互越來越“軟件化”。而交互的發展必然會影響到網頁設計中的“視覺”部分。事實上這兩部分誰先影響誰很難說清楚，是一個雞生蛋，蛋生雞的問題。另外一個網頁設計有別于平面設計和用戶界面設計的地方，我認為是css, html, js三者身上。前端代碼的發展對網頁設計的影響非常大，甚至有段時間會主導網頁設計的發展潮流，比如用jQuery輕松實現的one page style（本站首頁就是如此）。而在平面設計領域，沒有代碼環節；在用戶界面設計領域，GUI Builder的革新速度遠遠慢于前端代碼。事實上，有點脫胎于平面設計和用戶界面設計的網頁設計，已經開始反向影響它的祖先了。 從美學上對比網頁設計和用戶界面設計的發展在這個維度上來比較的話，影響網頁設計的美學風格非常之多：國際主義（Swiss style），復古風格（Retro style），極簡設計（Minimalist design），包豪斯主義（Bauhaus），垃圾風格（Grunge style），自然模擬風格（Organic style）等等等等。而用戶界面設計的美學風格通常是在質感的摸索上，比如Windows Vista風格，蘋果風格等等，比較受局限。這也是因為網頁設計的美學風格通常從平面設計那派生而來（當然也有自己獨特的比如Grunge style, Organic style等），而用戶界面設計則很難從平面設計那里取經。 花了這么長篇幅來說自己對網頁設計和用戶界面設計的看法，其實更多地都是個人實踐和思考的結果。在工作中這些稱呼實際上無關痛癢，只是網頁設計和用戶界面設計這兩者在本質上有著許多不同，而且在具體實踐中感受也不一樣。不過今后有可能這兩個概念會最終變成一個，按現在的互聯網發展速度，桌面軟件以后會逐漸遷移到云端，到那時也許只有一個設計稱謂了。 分享聯系我們 掃二維碼與項目經理溝通 我們在微信上24小時期待你的聲音 感謝您的關注分享“網頁設計(web design)和用戶界面設計(UI design)” 煙寒網絡真誠為您服務 ，點擊客服直接咨詢下單. 立即咨詢 我們服務 網站建設 高端網站建設服務商、相信品牌力量、相信知名企業；制作后收費13014982176！ 微信小程序/微信公眾號 微信小程序 背靠10億流量，不論用戶需求是什么，都能被開發使用 一點創意，就能在“社交圈”中脫穎而出。 網站優化/SEO 讓您的網站更靠近排名位置，讓客戶更容易找到您，seo優化是一個漫長過程，整個網站營銷花最少的錢起最大的作用。