【新手指南】UI互動設計 vs UI設計 vs 互動設計
UI互動設計到底到底是什麼？我們常常聽說UI設計，互動設計，那UI互動設計又是什麼呢？難道是兩者的結合？作為一名初入設計行業的或者對設計有一定熱忱的人來說，搞清不同設計術語的定義真的非常頭疼。別擔心，今天小編將對三者進行多方面對比，為各位萌新小白掃掃盲！
三者關係圖：
從上圖來看，似乎UI互動設計還真是UI設計和互動設計的結合。不過具體區別如何，還是讓我們來看看三者的對比吧！
1. UI互動設計vs UI設計vs互動設計對比之概念
UI設計
UI設計或稱介面設計（英文UserInterface Design, 縮寫為UID），它是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。UI設計主要分為實體UI和虛擬UI兩種，網際網路行業常見的UI設計是虛擬UI，UI即User Interface(使用者介面)的簡稱。
互動設計
互動設計（英文Interaction Design, 縮寫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互動設計對比之工具
UI設計工具：
PS（Photoshop）：適用於介面設計，圖示設計，手繪等。 AI （Illustration）：適合建立徽標、圖示、草圖、排版和其他向量圖。 Sketch：適合圖示、介面設計，支援多檔案分層，切片等外掛。
互動設計工具
ofollow,noindex" target="_blank"> Mockplus ：適合建立快速互動原型，簡單高效，同時支援團隊協作。
摹客iDoc ：適合一鍵切圖，生成智慧標註，互動演示，設計協作。
UI互動設計工具：
Photoshop，AI，Sketch，Mockplus，摹客iDoc。
從使用的工具來看，UI設計主要以圖形、圖示、介面設計工具為主；互動設計主要以原型設計，互動設計工具為主；而UI互動設計則囊括了前兩者使用的所有工具。
看完本文後，小編相信大家對UI互動設計，UI設計，互動設計三者的關係已經有所瞭解了。簡單來說：UI是為了好看，互動設計是為了好用，UI互動設計就是好看又好用。如果想從事UI互動設計相關的工作，小編建議不妨在瞭解它們的基本定義後，開始學習一些技能知識，著手開始練習設計。這樣可以幫助大家在UI互動設計的路上快速成長！
（PS：如有不同意見，歡迎來辯！(◕‿◕✿) ）
推薦閱讀：