界面視覺設計與交互設計的理解

李穎菲 熊傳鵬

摘要:隨著技術發(fā)展和新產品新應用的出現,由此衍生出交互設計與界面視覺設計兩類既不相同又相互呼應的學科,并且他們是相輔相成且缺一不可的。而本文正是圍繞交互設計、界面視覺設計的不同定義來闡述二者的區(qū)別與關聯(lián)。

關鍵詞:交互設計;界面視覺設計;差異化;相輔相成

1 交互設計

在使用網站、軟件、消費產品等各種服務的時候,使用過程中的感覺就是一種交互體驗。隨著網絡和新技術的發(fā)展,各種新產品和交互方式越來越多,人們也越來越重視對交互的體驗。因此交互設計(Interaction Design)作為一門關注交互體驗的新學科在二十世紀八十年代產生了,它由IDEO的一位創(chuàng)始人比爾o莫格里奇在1984年一次設計會議上提出,他一開始給它命名為“軟面(Soft Face)”,由于這個名字容易讓人想起和當時流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后來把它更名為“Interaction Design”——交互設計。

2 界面視覺設計

從心理學意義來分,界面可分為感覺(視覺、觸覺、聽覺等)和情感兩個層次。用戶界面設計是屏幕產品的重要組成部分。界面視覺設計是一個復雜的有不同學科參與的工程,認知心理學、設計學、語言學等在此都扮演著重要的角色。用戶界面視覺設計的三大原則是:置界面于用戶的控制之下;減少用戶的記憶負擔;保持界面的一致性。隨著產品屏幕操作的不斷普及,用戶界面已經融入我們的日常生活。一個良好設計的用戶界面,可以大大提高工作效率,使用戶從中獲得樂趣,減少由于界面問題而造成用戶的咨詢與投訴,減輕客戶服務的壓力,減少售后服務的成本。因此,用戶界面設計對于任何產品和服務都極其重要。所謂界面視覺設計又簡稱GUI,是Graphical User Interface 的簡稱,即人機交互圖形化用戶界面設計,準確來說GUI就是屏幕產品的視覺體驗和互動操作部分。它由桌面、視窗、單一文件界面、多文件界面、標簽、菜單、圖標、按鈕八大部分組成?？v觀國際相關產業(yè)在圖形化用戶界面設計方面的發(fā)展現狀,許多國際知名公司早已意識到 GUI 在產品方面產生的強大增值功能,以及帶動的巨大市場價值,因此在公司內部設立了相關部門專門從事 GUI 的研究與設計,同業(yè)間也成立了若干機構,以互相交流 GUI 設計理論與經驗為目的。隨著中國 IT 產業(yè),移動通訊產業(yè),家電產業(yè)的迅猛發(fā)展,在產品的人機交互界面設計水平發(fā)展上日顯滯后,這對于提高產業(yè)綜合素質,提升與國際同等業(yè)者的競爭能力等等方面無疑起了制約的作用。

3 交互設計和界面視覺設計

交互設計和界面視覺設計是相并行的兩類不同學科,二者關系是相輔相成,且有承前啟后的作用。當進入產品研發(fā)的前期階段時,需要交互設計師與界面視覺設計師相配合,共同完成項目開發(fā)工作,在這個時期,由交互設計師和界面視覺設計師共同根據項目要求制定項目產品交互框架圖及部分功能定義,最終再由界面視覺師根據交互圖完成產品的界面視覺效果。因此,這是個循序漸進的過程,是必不可少的過程。界面具體設計過程中很多時候是需要交互設計師與視覺設計師共同討論設計的,比如框架結構、狀態(tài)表現方式等,兩個人代表相輔相成的兩個領域,交互設計師?？紤]理性、常規(guī)方面,而視覺設計師更愿意傾向感性,打破常規(guī)的想法。一個好的界面設計項目需要得到兩個方面最好的融合。

4 總結

目前,許多公司、網站、新興的行業(yè)都開始意識到交互設計在品牌的創(chuàng)建、客戶回頭率和客戶滿意度等方面影響很大,因此,交互設計也越來越受到重視,并在近10年得到了快速的發(fā)展。總之,未來的產品對研究和設計者提出了多方面的挑戰(zhàn),需要各領域設計師共同完成,隨著中國經濟的不斷發(fā)展,在這些領域交互設計與界面視覺設計也將發(fā)揮出更大的作用。

參考文獻

[1]Jenifer Tidwell,Designing Interfaces.

[2]James Kalbach,Designing Web Navigation.

[3]《程序員》.

作者簡介:李穎菲(1984-)女,四川綿陽人,主要從事界面設計研究;熊傳鵬(1973-)男,重慶人,主要從事產品研發(fā)-界面設計管理研究。