【JJ Ying的回答(43票)】:
我個人的理解是「交互設計」負責把東西做得「好用」，「視覺設計」負責在好用的基礎上把東西做得「好看」，兩者合起來就是界面設計。當然有時候交互和視覺的職責不只單純地在軟件界面上。
【JimSoup的回答(54票)】:
.
怒答。
我回答前大概知道很多人會把交互設計定義為使產品更好用，而視覺設計則是美化產品。
說實話，我并不完全接受這種說法。
如果交互定義是如此廣泛，那么交互就顯得沒有深度。畢竟絕大多數互聯網崗位都是為了讓產品更加好用。而且視覺設計也并不等于美工。
.
這正是因為這種想法，在設計流程中，導致工作定義模糊，交互設計和產品經常糾結在一起，進行一輪輪的PK，而視覺設計最后也被當成美工來輸出使用。
我之前在知乎提出了一個問題：交互設計師和視覺設計師是否應該是同一個職位？
實際上答案的“是”或“否”并不重要。重要的是作為交互或視覺的其中一員，如何看待彼此的工作。有趣的是，你會看到屁股決定腦袋的回答。
題外話是，這種不理解其他同事的工作性質的想法，在很多設計師中也有。設計師也會說開發只是一個程序員罷了，他不懂用戶體驗。但是載入速度快，緩沖時間短，沒有卡頓，這些會不會為用戶體驗加分？
簡單思考一下，易用性和美觀難道可以分開么？難道一個應用操作流程非常順暢，這個不會讓這個應用變得更加楚楚動人？難道一個各種控件視覺效果出眾，位置排版整齊的軟件，不會顯得更好用？
不論是產品，設計還是開發（開發許多地方也是為了用戶體驗，不然前端不用那么累）都是殊途同歸——為了更好的用戶體驗。我們很難說一個好的交互，差的視覺可以出來一個產品，結果用戶說交互是非常棒的。同理，一個差的交互，好的視覺，出來的產品視覺效果也不會太好。
所以，不用把交互和視覺的職責目的分得太開，他們只是使用的工具不同而已。
交互設計師需要用非常清晰和流暢的操作和邏輯框架來提高用戶體驗，這些交互流程更多是隱藏在操作過程中，有各種邏輯關系的層次。而視覺設計師使用讓我們眼睛直接感受到的視覺效果來傳達一個產品的意圖，更加浮在表層上。
可能這些說法并不是非常具象。我一直以來比較贊同的是建筑設計行業的一套說法——建筑設計（界面設計）、交互設計師（結構師）、視覺設計師（建筑/外觀設計師）。
首先接到建筑需求后，經理（產品）會評估整個建造過程并統籌安排，他應該是最了解整個工程項目的進度和細節的，最具有大局觀的人。
在建筑設計的過程中，結構師（交互設計師）會設計整座建筑的結構——樓層得有多少層，占地面積多少，每層多少戶，什么結構更加穩妥，樓梯和各種管道如何鋪設。居客很難看到結構師做了什么，但他們的確很重要。
而建筑/外觀設計師（視覺設計師）則會設計整座建筑的外觀，甚至細節到每戶中房間和大廳的布局和裝修。
這些都是為了讓居住這里的人住得更舒服。你并沒辦法說哪個更重要，只能說缺誰都不行。
如果說一個產品就好像一個人一樣，那么交互為其骨骼，視覺則是其肌膚。開發為其肌肉和器官，產品為其大腦，而運營為其血液。
所以，設計師的同行，不要只是認為交互只是把操作流程做得流暢，視覺也肯定不是為了把界面做得更漂亮。這些都不是目的。
相比開發來說，設計能為產品解決的問題的確不多。但是，設計可以做到——讓用戶享受問題。
【張書泓的回答(17票)】:
先區分一下“界面”、“視覺”、“交互”這三個詞。
“界面”是機器中的一部分——通過這個部分，用戶可以了解機器的狀態、對機器進行控制、并獲取反饋。“界面”不僅包括圖形界面，也包括實體界面。
“視覺”是一種人的感官類型——通過這一個感官，用戶可以了解信息，感知物體，被激發情緒。“視覺”不僅包括美觀，更包括引導。
“交互”是一種行為類別——在這種行為類別中，用戶會發出自己的行為請求，接受者隨之給予用戶反饋和后續行為的引導。
本質上來講這三者沒有比較的意義，因為它們是不同視角下的概念。
如果非要畫個范圍，大致會是這樣：
它們有大量不重疊部分。界面設計還包括很多技術層面的東西，視覺設計包括大量感官傳達的東西，交互設計也有一些其他的純行為流程類的東西。
它們有大量不重疊部分。界面設計還包括很多技術層面的東西，視覺設計包括大量感官傳達的東西，交互設計也有一些其他的純行為流程類的東西。
-------------------------以上只是廣義上的看法------------------------------------------------------------
現實工作中一般不會牽涉這么廣的看法，互聯網業界對著三者的理解是窄化了的概念。
如果你到互聯網公司求職，職能上可能會這樣劃分：
千萬注意，這只是職能上這么劃分。
部分職能所做的事也并不是和廣義上一致的。
例如一般不存在界面設計這個層面的職位。
例如界面布局也可能劃到交互設計范疇。
例如界面的跳轉引導也可能歸到視覺設計。
總之，這只是職能上這么劃分。
如果你希望成為一個合格的設計師，對設計的理解和能力的千萬別受這個邊界限制。
一個合格的設計師“最起碼”應該這樣理解：
要做出好東西，理念和能力都應盡量融通，走得遠一點，了解得廣一點更好。
要做出好東西，理念和能力都應盡量融通，走得遠一點，了解得廣一點更好。
【Tori Chao的回答(10票)】:
本人是在北美某藝術大學準備進入大二的設計系學生.對于這個問題我本人也有疑惑.在此,我就以我們學校設計系的課程為例來探討一下.(先強調,我自己也還未有準確的答案.)
我們學校的設計系一共分為3個分支,以下是這三個分支的詳細課表.
仔細對比課表會發現什么呢?
Interaciton design的課程,基本上可以說是前兩者的結合,工設占的比例大一些.
communication這個分支在我們學校基本上是默認為graphic design,但據說也需要學一些coding.工設就是傳統的工設.
因此我可以得出的結論是:交互屬于一個新的設計分支,現在來看,交互需要綜合工設和平面兩方面的基礎知識,外加適應發展越來越快的互聯網和移動端設計需求.
回到問題上來說,界面設計要看怎么理解.這個詞組,我看到的第一反應是視覺性的設計,因此可以歸入視覺設計的分類.但轉念一向,界面的易用性又要歸于交互設計的范疇.所以我認為答案有兩個.
我記得上學期final project做的那個app,我基本上就是構思界面,流程,同組法國妹子ps技術杠杠的,她負責搞圖標和效果,然后時不時對我的流程提出一點意見,那合作真是水乳交融..(大霧
總之我個人的期望,以后和一個美術功底扎實的做視覺的妹子合作,一定很不錯.
【林朝輝的回答(13票)】:
這樣的問題，我認為還是用崗位職責來回答你比較容易理解：
1、界面設計和視覺設計都是美術類的崗位，但工作分工不同：
界面設計：UI（User-Interface Design），用戶界面設計，例如軟件、網站、APP等；
視覺設計：Visual Design，更多偏向品牌、形象設計，例如廣告、海報、周邊等；
2、交互設計（Interaction Design）則是對人機交互界面、反饋、流程的設計，與界面設計配合；
3、如果以一個手機APP項目為例，
交互設計讓產品更好用，
界面設計讓產品更好看，
視覺設計讓產品更好賣（用戶更想用或買）。
【楊顏的回答(2票)】:
交互設計 + 視覺設計 = 界面設計
交互設計內容：1. 功能，2. 流程，3. 邏輯
視覺設計內容：1. 形狀，2. 色彩，3. 質感
兩者重疊的內容：布局（元素排版）
這點是我和 JJ Ying 理解不太一樣的地方，因為視覺設計也會定義布局，所以也要對易用性負責
【鄧毅的回答(1票)】:
你可以問別人貝克漢姆是踢中場的還是踢前鋒的，但你不可能問他是踢中場的還是踢足球的---足球里包含了中場和前鋒。一樣的道理，界面設計是個籠統的說法，它包含了視覺和交互。
關于它們之間的關系，看到很多知友都有精彩解答，我不重復了。
雖不談國事，但卻想聊聊風月，主要是因為看到了某些知友的觀點吧。
有的朋友崇尚不區分視覺與交互，好像白鴉前輩也是這么提的，在這里鄙人真不是有意想挑戰他們的思想，只是我有一些自己的理解想說說。
的確有的工作相互之間交集很大，大到在外人看來（尤其是外行）甚至可以互相搞定。就好比踢足球，在我這個門外漢看來下底傳中都是那一腳，按理來說場上除了守門員大家都是用腳踢球的，都應該能傳好，但現實情況就是中場、后衛、前鋒傳出來的效果不一樣。
為什么效果不一樣？為什么球場上要分前鋒、中場、后衛、守門員？我們是不是要好好想想？
說到底還是因為術業有專攻，這是現實，也是需要。每一種不同的崗位都有其差異，差異或大或小，但是只要有差異就一定會造就出不同的專攻，而且這種專攻會隨著時間的推移慢慢深化，慢慢強化。
一款產品需要的是美與舒適。讓產品美，讓產品舒適的方法在根上都是源自于心理學，但是向下分支不同側重點有變化。
圖有抽具，色分冷暖，情在喜厭，層帶深淺。如何讓產品看起來很美這絕對是一門很深奧的學問，而且這門技藝就算是你完全掌握了，如果不能保證持續不斷的強化它，它仍然會在某一天離你而去。你花10年時間成了一位視覺設計大師，但從此放下，再花10年時間去研究交互，其結果是你成了交互大師，但視覺設計能力也被遠遠的甩在了后面。
同樣的道理，交互設計也是一樣，猶抱琵琶半掩面才會更讓人想去一窺桃花真容顏，這種對人性的理解源需要的是不斷地修行，而讓產品使用起來行云流水所需要的功力又豈在一朝一夕？你敢分心它用嗎？
中場能傳出準確的落點就是好中場，前鋒能把皮球射到門框以內就是好前鋒，視覺搞的好看就是好視覺，交互搞的好用就是好交互，這都需要在自己的業務內持續不斷地修行與強化。
這世界不需要“差不多”先生，也很難造就“萬金油”先生，物競天擇適者生存，自然法則很殘酷。
【梁柱華的回答(1票)】:
界面設計=視覺設計（好看嗎？看得懂嗎？）+交互設計（怎么用？好用嗎？）
看了樓上某同學的怒答，補充一點注意視覺和交互是整體性工作，只是拆分給兩個職能來做而已，分工后要注意兩者的交叉協作。
【diecxters的回答(0票)】:
交互和視覺是一個體系下的，界面設計是另一個層面，其中可以包括視覺于交互。
在流程中交互是前置于視覺設計的，因為離產品核心比較近，這也是總在說交互和產品既生于何生亮。
在交互完成了架構、流程、細節等設計工作后，就可以移交視覺設計開始著手渲染了，這個時候容易出問題，理念沒有傳達清楚時視覺會找不到方向和重點，產出的效果會發現跟交互想體現出的各項用戶感知級別不一樣
我覺得交互和視覺是情侶一樣的關系，一定要多溝通，讓對方清楚表自己的想法，不然會喧賓奪主、自相殘殺
【小九的回答(0票)】:
給你拓展一下，把一個產品當一個人來說的話：
產品需求——這個人的性格；
界面設計——這個人的臉是方是圓，身材是胖是瘦，穿的是褲子還是裙子；
視覺設計——這個人的膚色、發色、眼睛顏色，衣服的顏色、樣式；
交互設計——這個人的言行舉止；
開發——這個人的骨架和血肉。
【饒東的回答(0票)】:
個人理解：界面設計要表現出產品的功能，而視覺設計應該好看且用戶能看得懂，交互設計則使用戶的體驗統一、流暢。
【安永生的回答(0票)】:
如果要一個順序的話，我覺得是交互設計—>界面設計---->視覺設計，產品有了功能架構之后，交互設計師需要把他們串起來，什么功能放哪里，怎么樣的流程，之后做界面設計，每個頁面，每個元素怎么排布，放在哪里比較合適，他們的大小，位置等，然后就是視覺設計，給所有界面上色，美化。當然這是理想狀態下的流程，人手不夠的小公司可能是一個人全干完了。
【ABEL蘇的回答(0票)】:
嘗試一下，舉例描述，肯定有不準確的地方，請不吝拍磚：
一輛車。
視覺設計，就是你看到的所有外觀上的設計。
界面設計，是車內操作面板的設計。
交互設計，是車內所有操作按鈕的分布擺放和觸發方式等設計。
【千秋的回答(0票)】:
用戶界面設計在工作流程上分為結構設計、交互設計、視覺設計三個部分。
【廖兆龍的回答(0票)】:
我的理解是：
什么是交互設計？
交互設計的對象是行為，目的是引導協助用戶完成一個事件或任務。在特定的環境下，設計師通過對用戶進行研究，綜合考慮實現的方式和途徑，完成對用戶行為有邏輯的設計。
什么是視覺設計？
視覺設計的對象是產品的表現形式，目的是提供愉悅的視覺感受，吸引用戶關注。設計師通過視覺元素的運用，打造出一套視覺語言，讓用戶獲得更加愉悅的使用體驗。
什么是界面設計？
界面設計是一個交叉領域的產物。它背后需要交互設計的支持，來構建完善的邏輯架構和信息架構，保證產品的可用性。在前端，它需要視覺設計的支持，為用戶提供愉悅的和一致的視覺感受。可以說界面設計是交互設計和視覺設計最終落地的成果。
在實際工作中，一個界面的設計一般是先由交互設計完成原型的設計，再交由視覺設計師完成高保真設計。
【謝金福的回答(0票)】:
怒答！理由是看到那個晦澀難懂的比喻回答盡然跑到了一樓！@Na Wong
我用通俗的比喻來。請看圖：
我就不說是什么菜什么雕了。你知道這是一道菜就行。
做產品就像做一道菜。
交互設計是構思一個菜譜，選什么顏色、材質的主料，搭配什么樣的佐料啊，打扮成什么形狀樣子啊，希望發出什么香味啊等等這些是交互設計師想的；
視覺設計師呢，就是大致遵守交互設計師的意愿來擺放、雕刻菜的形狀，可以根據自己的想法進行最理想的美化，讓菜更美觀；
程序員呢，就是下鍋煮菜的啦，負責把菜能成能吃的。
至于題主說的界面設計，相對來說，他應該是個行為詞，而不是一個職位名詞，很少有叫做界面設計師的，一般都是交互設計師和視覺設計師共同完成，很多情況下，他們的產出物就是若干個界面。當然，這并非說交互或者視覺僅僅是做軟件界面的哈，國外的交互設計師在工業設計上也很流行。
【Wilson Xu的回答(0票)】:
用戶體驗的要素 (豆瓣) by Jesse James Garrett
【楊迪的回答(0票)】:
「界面設計」就是你的人機界面由哪些元素構成。即「設計用戶能做哪些操作及獲得怎樣的反饋」。舉例，洗衣機的面板上要安裝哪些元件。
「交互設計」是設計系統如何響應用戶的任意可能的輸入。通常可以由一系列的「狀態轉移圖」來描述。一般界面設計和交互設計同時進行，并不會嚴格分離。舉例，洗衣機的操作說明書。
「視覺設計」指具體的系統畫面的設計，必須以指定的軟件和硬件環境為基礎。范圍小的，只需指定字體、字號、配色方案等等。范圍大的，比如游戲，那就可能要決定到每個像素。舉例，不同牌子的洗衣機，哪怕功能完全一樣，面板也不同。
【柳三的回答(0票)】:
每個角色的定義其實是很清楚的，這里不再贅述。但是在實際工作中，不同角色之前會有重疊、甚至沖突。以下是我理解的。
1. 交互設計
Interactive Design （IxD）。IxD在產品經理的設計原型基礎上設計交互細節（一般和產品經理一起完成，但小的團隊中，一般就有產品經理代勞了），完成交互原型。
2. 視覺設計
Visual Communication Design。視覺設計更多偏向品牌、形象設計。對于大的團隊，除視覺設計外，還會有User Interface Design（界面美工設計，俗稱美工、UI），其實都可以成為Graphic Design。在小的團隊中，并不區分視覺設計和美工設計。視覺設計完成整個界面設計風格定型、并提供主要幾個界面的視覺效果圖。繼續細化下去，由UI（美工）在視覺效果圖、交互原型基礎上，完成剩余界面的效果圖。
3. 前端開發
通常指在互聯網產品設計中，在UI輸出的效果圖基礎上，輸出HTML+CSS界面。這部分工作不涉及業務處理、不用寫js，有的團隊就是由UI兼做，也有的由開發完成歸屬開發部。
界面設計：
以上的視覺設計（含UI）+交互設計+前端開發統稱為界面設計，在言必稱用戶體驗、人人都是產品經理時代，大家更多用 User Experience Design（UED 用戶體驗設計）來稱呼。
【李寧的回答(0票)】:
個人覺得這3個概念還是有區別的：）
交互設計，主要指創造，人與產品、系統或者服務之間的會話方式。
界面設計，主要關注在對于一個界面用什么顏色，控件怎么擺放，一些比較具體和細節的東西。通常在交互設計方式確定后，才需要考慮界面設計
視覺設計，更專指針對視覺感官上的設計。（所以，如果是針對盲人的交互設計，就不存在視覺設計）
【王瑩的回答(0票)】:
寫回答…界面設計：界面設計從整體布局和視覺效果、文字使用、圖像使用、色彩使用、操作方便性和超鏈接等六方面著手。
視覺設計：視覺設計的趨勢是以人為本,關注人的感受和情感。
交互設計：交互設計在使用網站、軟件、消費產品等各種服務的時候,使用過程中的感覺就是一種交互體驗。
【簡生的回答(0票)】:
關于題目中的疑問，我覺得@張書泓 已經回答得很系統很規范了。
所以我就純粹東扯西扯一下吧。
要理解「視覺」和「交互」，實體產品會更加直觀。
如下圖：
第一眼看過去，眼睛充分感受到真皮坐墊的高雅氣質！
坐下之后，屁股也完全體會到真皮坐墊的舒適感！
對于PC端的互聯網產品，一般情況下很難劃分「視覺」和「交互」這兩樣東西。
大多數互聯網產品的操作，都是通過鼠標來完成。
而鼠標操作中，絕大部分都是「點擊」操作，當然還有一些類似「拖放」的操作，但比例遠低于「點擊」。
所以，對于「觸感交互」來說，鼠標的質量已經決定了絕大部分的「觸感交互」體驗。
回到互聯網產品，它帶給用戶的交互，無非就是腦補！
為什么是腦補？
因為互聯網產品里面，絕大多數的「交互反饋」都是「視覺反饋」，偶爾也會用到「音頻反饋」。但毫無疑問，視覺所占的比重是最大的。
例如：點擊一個按鈕，按鈕的陰影(視覺)有沒有及時出現(交互)。如果超出了有效腦補時間才呈現，那體驗就十分糟糕了。
上面的設計，你們說怎么劃分功勞？
陰影(視覺)做得不好，交互就差了。
響應(開發)不夠快，交互就差了。
額，這樣一看，貌似交互設計師什么都沒做。好吧，先把發現問題的功勞歸他。
當然，這個例子屬于操作細節上的交互。假如電腦內存吃緊導致卡機，這時用戶體驗就會很差，也就是指操作細節的交互很糟糕。
對于智能手機的產品，交互點就豐富多了。
看看下面這個經典的例子——下拉刷新：
如果單看這張圖，交互重點依然是視覺。
如果單看這張圖，交互重點依然是視覺。
但這是一個愛瘋上的App，可以加上震動來分擔視覺交互上的壓力，讓用戶的觸覺是多維度的。
而整個操作中，手指的擺放和滑動方向是否舒適，也占了交互體驗的很大比例。
我覺得，交互設計師更大的價值是在于業務流程的打磨和剖析。
把一個需要10步完成的操作，壓縮到5步去完成。又或者是，減少每一步操作的消耗時間。
毫無疑問，這些也是腦補行為。假如你沒有試過10步才能完成的操作，你就不會覺得5步的操作是多么的美好。
然而這些，往往才是一個產品的競爭力。
對于一批核心功能相同的產品。
精美的視覺設計，決定了嘗鮮用戶的數量。
暢快的視覺交互，決定了活躍用戶的數量。
良好的業務流程，才能讓用戶形成依賴，增加了用戶的更換產品的成本，形成一定的競爭力。
是不是想知道，什么才是最核心的競爭力呢？
答案在本文最后放出。XD
說到這里，你是不是覺得交互設計師牛逼哄哄的，立馬想卷起袖子找這樣的工作。
哎，孩子！還是洗洗睡吧。
業務流程的最大瓶頸，幾乎都是技術瓶頸。
在沒有Flash插件的年代，靠瀏覽器提供的API想一次上傳多張圖片？工程師只會對你：呵呵...
所以，那些真正具有顛覆性的交互操作，往往都是工程師驅動的。
看看Google X的那些項目就知道。當中的自動駕車系統，對于有視覺障礙的用戶，就是一級棒的交互體驗。
并沒有黑交互設計師的意思。
但說句老實話，絕大多數公司，哪有分工分得那么仔細的。
哪怕真的分開了視覺和交互的崗位，保不準哪天缺人手，交互也要做UI。
而且交互設計師這類工種，顯然就是需要依賴在分工極度明細的公司之下。
一個理論化的產品開發流程：
> 上廁所閃過一個點子
> 分析調研后寫需求分析
> 跟上級匯報獲得資源
> 確定主業務邏輯
> 產品原型
> 操作流程優化
> 技術可行性分析
> 視覺設計
> 開發
> 測試
> 發布
> 維護(更新)
最后，
什么才是最核心的競爭力？
免費！
