三者的關系圖:
從上圖看來，UI交互設計真的是UI設計和交互設計的結合。但是具體有什麽區別，我們來看看三者的對比吧！
1.UI交互設計的概念與UI設計和交互設計的比較
Ui設計
UI設計或界面設計(簡稱UID)是指軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計主要分為實體UI和虛擬UI兩種。互聯網行業常見的UI設計是虛擬UI，是用戶界面的簡稱。
交互式設計
交互設計(IXD)主要是指兩個或兩個以上的個體之間為了達到設計壹個產品的目的而進行的交流和交互的設計。交互設計的目標壹般從“可用性”和“用戶體驗”兩個層面出發，幫助解決用戶需求。
UI交互設計
從許多來源發現，UI交互設計這個術語非常模糊。廣義來說，UI設計可以包括交互設計，在這種情況下。簡單來說，交互設計的概念體現在UI界面上，就是UI交互設計。
從設計重點方面來說，UI設計的重點是色彩和視覺，側重於美觀的界面設計，主要考慮產品看起來怎麽樣。交互設計是以用戶為中心的人機交互設計，主要考慮產品如何使用。但是UI交互設計需要兼顧UI和交互，在UI界面上體現交互的概念。
2.UI交互設計vs工作人群UI設計vs交互設計對比。
UI設計相關人士:
UI設計師，界面設計師，網頁設計師。
交互設計相關人員:
UX設計師，交互設計師，UE設計師，產品經理，網頁設計師，產品經理。
UI交互設計相關人士:
UI設計師，界面設計師，交互設計師，網頁設計師，UX設計師，產品經理。
從相關工作人群來看，不同類型的設計工作涉及的人群也不同。參與UI設計的人主要是把這部分包含在工作中的人。除了專業的UI設計師、界面設計師、網頁設計師，他們也是工作人群。交互設計涉及的人群更廣，交互設計師和UX設計師自然更不用說了。此外，需要表達設計思路的產品經理和運營人員也是其中之壹。最後，UI交互設計的範圍比兩者略廣，包括UI設計師和大部分交互設計師。
3.UI交互設計vs UI設計vs交互設計對比實例
UI設計案例:
如上圖所示，UI設計主要依靠用戶界面的顏色、布局、文字排版等方面的設計來保證整體界面的美觀。
UI交互設計案例:
我們選擇壹個簡單的UI交互作為案例，這個交互的效果是點擊UI界面中的按鈕出現不同的圖片。這種在UI界面上體現交互的設計，就是UI交互設計。UI交互設計包括各種交互效果，比如下面的刷新、進度條、圖片輪播等。
交互設計案例:
這種以人機交互為目的，註重用戶體驗的設計，叫做交互設計。
從以上案例不難看出，UI設計主要以美觀的界面為主，多以靜態的方式呈現(有的以動畫的形式呈現)。交互模式是靜態的。UI交互設計是基於UI的交互設計，以部分動態的形式存在。交互設計以用戶體驗為基礎，以動態的形式存在。
4.UI交互設計vs UI設計vs交互設計比較工具
用戶界面設計工具:
PS(Photoshop):適合界面設計、圖標設計、手繪等。
AI(插畫):適合制作logos、圖標、草圖、排版等矢量圖。
Sketch:適合圖標和界面設計，支持多文件分層、切片等插件。
交互式設計工具
Axure:壹個老的原型設計工具，適合制作高保真交互原型。
Mockplus:適合創建快速交互原型，簡單高效，支持團隊協作。
模仿者:適用於壹鍵畫圖裁剪、智能標註、圖層代碼生成、互動演示、設計協同。
UI交互設計工具:
從使用的工具來看，UI設計以圖形、圖標、界面設計工具為主。交互設計主要是基於原型設計和交互設計工具。UI交互設計需要包括前兩者使用的所有工具。
在UI交互設計中，首先需要使用PS等工具完成設計稿，以保證視覺效果，然後使用copycat等交互工具為設計稿添加交互效果，將其變成高保真的原型。
如果想節省切換工具的時間，也可以直接使用黑客平臺完成UI交互設計。融入線上原型設計後，駭客還為用戶帶來了超強的設計生產力，完成了“設計+協作”的壹站式雲平臺建設。它可以幫助設計師高效地完成UI交互設計的全過程。