腾讯分分彩独胆二期
智軟工作室主要是為寧波公司提供寧波網站建設,寧波網站制作,寧波做網站公司,寧波外貿網站建設公司,寧波網站優化等項目,以優質的服務,優惠的價格,深的客戶信賴。相信有你的加入我們的明天會更有動力!期待與你合作!
  • 寧波智軟設計工作室,打造寧波網站制作工作室頂級品牌
  • 智軟擁有專業的設計團隊
  • 多年網站建設團隊為你服務
  • 智軟期待與你合作
  • 我們的技能
  • 我們掌握的技能有:dreamweaver,flash,photoshop
  • 寧波高端網站建設服務公司
    2014已經悄然到來,在新的一年我們恭賀所有客戶事業蒸蒸日上,同事慶祝智軟設計工作室成立5周年,在5周年為眾多客戶提供了保質量的網站設計與網站制作。 我們在新的一年質量與服務將會更加進一步為更多的客戶帶來高端的網站設計與服務!期待與你合作
  • 企業網站制作建設原因與服務介紹

    智軟設計工作室多年為寧波企業網站制作建設服務一直以來我們以最優惠價格,最優質的質量,最突出的設計!得到了客戶的一致認可,我們的服務包括:寧波網站設計,寧波網站建設,寧波網站制作,寧波網站優化,寧波英文網站制作我們會以優質的服務,最低的價格來報答客戶!

  • 點擊鏈接網站優化推廣介紹

    點擊連接網站優化推廣-對企業的網站優化和網站推廣--對企業的重要性-點擊進行詳細了解

  • 2014開幕,寧波網站設計服務全面優惠.

    2014開幕,寧波智軟設計為寧波企業提供更加優秀的設計和實惠的價格

  • 鏈接到網站案例展示平臺
    智軟設計工作為寧波客戶網站設計案例展示平臺-案例均為定期更新,讓新老客戶更好的看到我們做的案例,點擊查看我們做的網站案例吧!
  • 我們寧波網絡公司提供網站一站式解決方案
    智軟(寧波網絡公司)幫你輕松解決網絡問題,網站一站式解決方案
你當前的位置:智軟工作室 > 營銷與網絡 >

在談網站制作中:網頁設計與用戶界面設計的過程與思考

2010-06-12 18:52

是兩個現在網頁設計領域使用頻率非常高的詞。在大多數情況下,它們被相互替代。這個領域內外的很多人都認為這是兩個意義基本一樣的詞。但是它們真的可以互相混淆么?我并沒有為一些名詞而去糾結的習慣,比方說我不會在“美工”和“設計師”之間與別人爭論。但是我想網頁設計和用戶界面設計這兩個詞包含了很多東西,這兩個詞的對比可以引申出一些設計領域的發展過程和思考。

  注:這篇網志所指的用戶界面設計在無特殊說明下特指網頁中的用戶界面設計。

  回到用戶界面設計的原點

  這里不做考古,只是回想一下最初在互聯網領域提到用戶界面這個詞的時候,是由工業設計領域的人機交互界面中引申過來的。因而談到界面,則必然會有交互這個概念的存在。從人機界面本身的理解上來看,它是人和機器【本文特指電腦】交互的媒介。如果把機器看作是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等】,而用戶界面設計則很難從平面設計那里取經。

  花了這么長篇幅來說自己對網頁設計和用戶界面設計的看法,其實更多地都是個人實踐和思考的結果。在工作中這些稱呼實際上無關痛癢,只是網頁設計和用戶界面設計這兩者在本質上有著許多不同,而且在具體實踐中感受也不一樣。不過今后有可能這兩個概念會最終變成一個,按現在的互聯網發展速度,桌面軟件以后會逐漸遷移到云端,到那時也許只有一個設計稱謂了。

更多

【責任編輯:小戴工程師】

關鍵字: 網站制作 網頁設計

上一篇:小戴在此送出幾個:極其絢麗的創意網站設計 下一篇:SEO(網站優化)2.0中哪種外鏈對提升排名更有幫助

最新文章

2010-06-12 18:52

相關文章

2010-06-12 18:52
網站制作咨詢:
QQ:277728291
電話:18668277799
郵箱:[email protected]
期待你來電咨詢
回頂部
Copyright 2010 智軟工作室 版權所有    智軟為寧波公司提供最優惠的網絡服務【寧波網站建設,寧波網站制作公司,寧波做網站公司,寧波外貿網站建設公司】我們竭誠為你服務!
腾讯分分彩独胆二期