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

問題：「界面設(shè)計」、「視覺設(shè)計」、「交互設(shè)計」之間的關(guān)系是什么？如何理解？

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

@馬力的回答 52票

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

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

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

這座房子和人發(fā)生關(guān)聯(lián)的部分，就是界面。User Interface，用戶界面，用戶接口，顯然，這樣的接口需要交互和視覺共同的支持。

交互設(shè)計和視覺設(shè)計是完全獨立的么？不是。蓋房子是個系統(tǒng)工程，交互和視覺都是其中一部分。

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

@張書泓的回答 104票

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

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

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

“交互”是一種行為類別——在這種行為類別中，用戶會發(fā)出自己的行為請求，接受者隨之給予用戶反饋和后續(xù)行為的引導(dǎo)。

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

如果非要畫個范圍，大致會是這樣：

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

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

現(xiàn)實工作中一般不會牽涉這么廣的看法，互聯(lián)網(wǎng)業(yè)界對著三者的理解是窄化了的概念。

如果你到互聯(lián)網(wǎng)公司求職，職能上可能會這樣劃分：

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

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

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

例如界面的跳轉(zhuǎn)引導(dǎo)也可能歸到視覺設(shè)計。

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

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

一個合格的設(shè)計師“最起碼”應(yīng)該這樣理解：

要做出好東西，理念和能力都應(yīng)盡量融通，走得遠(yuǎn)一點，了解得廣一點更好。

本文由人人都是產(chǎn)品經(jīng)理 @魚精，整理自知乎問答，轉(zhuǎn)載請注明出處并保留本文鏈接