【知乎精選】舉例說明界面、視覺、交互設計區別

0 評論 17969 瀏覽 120 收藏 6 分鐘

小編推薦:界面設計、視覺設計、交互設計這三個名詞你分清了沒?小編其實能分清,大概知道,但是看知乎大神們的解釋感覺更好玩,更接地氣通俗易懂~來看看不~

問題:「界面設計」、「視覺設計」、「交互設計」之間的關系是什么?如何理解?

我是UI菜鳥,但在努力學習,在最近吸收的知識里,對于 界面設計、視覺設計、交互設計 這三者有了自己的看法,但同時也看到很多不同的見解,我需要驗證自己的理解是否正確,所以請各位大神幫忙賜教,(尤其是三者之間的關系)小女子在這里萬分感謝!

@馬力的回答 52票

我們要蓋一座房子,面朝大海,春暖花開。

房前的小徑如何方便進出,增加人們交往與偶遇的機會,房間的格局如何,讓大人小孩都能各得其樂,窗戶朝向如何布局來增加光照…這是交互設計要考慮的問題,信息架構、交互流程等等。朋友中有個笑話,說一個交互設計師朋友去人家里做客,幾句話之后,開始評價人家的燈和開關設計是否合理的問題。

房子的外觀看起來什么樣,營造出什么樣的視覺體驗,地板和門應該是什么顏色才能顯得「高端大氣國際化」…這是視覺設計要考慮的問題,布局、色彩、圖標等等。視覺設計師常說,這里差3個像素。

這座房子和人發生關聯的部分,就是界面。User Interface,用戶界面,用戶接口,顯然,這樣的接口需要交互和視覺共同的支持。

交互設計和視覺設計是完全獨立的么?不是。蓋房子是個系統工程,交互和視覺都是其中一部分。

交互設計師心中要有視覺映像,視覺設計師頭腦中要有流程和架構,越是資深的設計師,這兩方面越是融合在一起,因為,原本的目的是要蓋房子啊。

@張書泓的回答 104票

先區分一下“界面”、“視覺”、“交互”這三個詞。

“界面”是機器中的一部分——通過這個部分,用戶可以了解機器的狀態、對機器進行控制、并獲取反饋?!敖缑妗辈粌H包括圖形界面,也包括實體界面。
(7.24日新補充:界面原是interface,大陸譯為“界面”,遠不及臺灣譯法“介面”好,“介”才是本質,“界”只是表象,請自揣摩)

“視覺”是一種人的感官類型——通過這一個感官,用戶可以了解信息,感知物體,被激發情緒?!耙曈X”不僅包括美觀,更包括引導。

“交互”是一種行為類別——在這種行為類別中,用戶會發出自己的行為請求,接受者隨之給予用戶反饋和后續行為的引導。

本質上來講這三者沒有比較的意義,因為它們是不同視角下的概念。

如果非要畫個范圍,大致會是這樣:

它們有大量不重疊部分。界面設計還包括很多技術層面的東西,視覺設計包括大量感官傳達的東西,交互設計也有一些其他的純行為流程類的東西。

————————-以上只是廣義上的看法————————————————————

現實工作中一般不會牽涉這么廣的看法,互聯網業界對著三者的理解是窄化了的概念。

如果你到互聯網公司求職,職能上可能會這樣劃分:

千萬注意,這只是職能上這么劃分。部分職能所做的事也并不是和廣義上一致的。

例如一般不存在界面設計這個層面的職位。

例如界面布局也可能劃到交互設計范疇。

例如界面的跳轉引導也可能歸到視覺設計。

總之,這只是職能上這么劃分。

如果你希望成為一個合格的設計師,對設計的理解和能力的千萬別受這個邊界限制。

一個合格的設計師“最起碼”應該這樣理解:

要做出好東西,理念和能力都應盡量融通,走得遠一點,了解得廣一點更好。

本文由人人都是產品經理 @魚精,整理自知乎問答,轉載請注明出處并保留本文鏈接

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!