交互設計的英文是Interaction Design，“inter”是英文前綴，意思為“兩者之間”，“action”是指動作。所以簡單理解，交互就是兩個object之間進行互動，具有一個輸入和輸出的指令。舉例來說，當你想要用洗衣機洗衣服的時候，把衣服放進洗衣機，然后按下按鈕，這一系列動作其實就是輸入了一個洗衣服的指令。而洗衣機洗完衣服，就是輸出洗好衣服的指令。在這一過程中，人與洗衣機之間產生的一系列互動，即為Interaction（交互）。
在交互設計領域，有兩個基本原則，一是可用性，二是可視性。其實，簡單來說，可以將UX理解為可用性設計，將UI理解為可視性設計，UX是設計的框架，UI是框架外的裝飾
一、UX設計
1、什么是UX設計？
User experience design is the process of building relationships between a company, its products, and its customers.
UX（用戶體驗）設計是指建立公司，產品和顧客之間關系紐帶的過程。
UX設計是在研究，開發和改善用戶交互的基礎上，改進提升公司產品使用戶滿意的過程。其設計目的是通過產品測試改善用戶體驗並最終創造出有用，有價值，易於獲取和使用的產品。
UX設計包括了許多不同的學科，比如用戶分析，場景分析，交互設計，線框和原型設計，信息架構等。
UX設計專注於結構，布局和導航的設計。
用戶體驗設計（UX）不太注重一個站點或者產品的樣子和感覺，更多的是注重它實現功能的方式和用戶如何與它交互。關鍵要記住：UX設計注重的是用戶而不是設計的美學；
UX設計師注重用戶實際使用一款產品、網站或者APP時的相關數據。一般而言，他們專注於創造用戶情緒的積極反饋。換句話說，他們致力於取悅用戶。它更多的是需要理解共性的設計模式，和用戶的普遍心理期待。
如果設計不考慮用戶的體驗，它可能看起來很漂亮，但總會讓人覺得在某些方面有所缺失。用戶會對其中的操作方式感到別扭，無法體驗到預期的效果，這樣一來用戶就有可能放棄使用，轉而選擇競品。
雖然一些用戶體驗設計師會創建高保真原型，但更多情況下，他們只創建線框圖和低保真原型，以此確保用戶能夠理解應用程序或網站的流程。
用戶體驗設計師扮演着重要的角色，應該從每個項目的起始階段就參與其中。
二、UI設計
The user interface is the visual appearance of a product, and UI designers decide how to visually design the product for effective user experience.
UI（用戶界面）是指產品的視覺外觀，UI設計師決定了如何從視覺上設計產品，從而提升用戶體驗。良好的UI設計有助於吸引用戶並保證愉悅的產品使用體驗。
UI設計中所使用的元素有諸如文檔，文本，圖像，視頻之類的內容；其形式包括按鈕，標簽，文本字段，復選框，下拉列表，圖形設計；以及用戶單擊/拖動/輸入內容時所會發生的行為。
UI設計的目標是創建一個吸引人的，精美的用戶界面從而獲取用戶的情感響應，因此UI設計師必須具備良好的美學意識和設計技能。
簡單來說，如果你第一次看到一個網站，並對其界面視覺效果感到驚喜，那主要是屬於UI設計師的功勞。而你第一次使用一個網站，對其體驗流暢度和服務的貼心度表示滿意，那主要是屬於UX設計師的功勞。值得注意的是，UX和UI設計都需要交互設計，因為交互設計引導了用戶的操作行為和感受。
不同於UX設計師注重產品功能，UI（用戶界面）設計師更專注於產品的視覺美觀。UI設計師們希望網站的視覺能夠吸引到用戶。
但這並不意味着他們無視功能。為了創造有效的設計，UI設計師會考慮常見的設計模式和用戶習慣，往往不會深入參與產品的運作模式和用戶操作產品時的心理感受。
UI設計師完成設計稿的制作，然后交付給開發人員。他們也可能參與創建網站或應用程序的原型，盡管有時候比UX設計者進入的階段稍晚一點。
三、UX和UI 究竟有什么區別
UX設計和UI設計在很多地方都有重疊的部分，而且如今已經越來越難分開了。它們在產品設計中保持着密切的聯系，但發揮了不同的角色作用。
Foster.fm的聯合創始人Rahul Varshney說過：“用戶體驗（UX）和用戶界面（UI）是我們領域中最混淆和誤用的術語。沒有UX的UI就像畫家不加思索地將顏料拍到畫布上一樣。而沒有UI的UX就像是沒有紙張匹配的雕塑框架。出色的產品體驗始於UX，然后是UI。兩者對於產品的成功至關重要。”
從功能上說，UI就是指產品的外觀，UX就是指產品如何運作。
從理論上講，UX設計包括線框圖/原型制作，交互設計和用戶測試，而UI設計包括視覺設計和交互設計。
UX是一個過程，而UI是一個可交付的結果。這些差異也導致了UI和UX設計師在實際工作中起着不用的角色。
1、重點不同
UX設計師和UI設計師之間最重要的不同就是對於原型設計有着不同的使用途徑。許多UI設計師認為原型應該是高保真模型，他們更關注展示的界面外觀。但是，對於UX設計人員而言，保真度是事后才想到的，他們更關心背后的邏輯。
2、使用的顏色不同
UI設計師傾向於以全彩設計原型。相反，UX設計師在原型設計中通常只使用三種顏色：黑色，白色和灰色。
這種差異通常可以在設計和使用圖標時看到。例如，當需要創建底部導航欄時，UI設計人員將花費大量精力使其盡可能逼真，包括單擊前后的按鈕顏色。相反，UX設計人員會將按鈕放到正確的位置，然后留下注釋：單擊后為灰色。
3、使用的工具不同
由於UI和UX設計器之間的角色差異很大，因此它們使用的工具必須不同。對於UI設計師來說，設計圖像至關重要。他們使用的制作工具有綁定到Sketch的Flinto和Principle等工具，以及 InVision等。
UX設計師會喜歡線框（Wireframe），因為它可以節省時間並提高設計效率。
簡單推薦一些原型制作工具：Mockplus具有易於操作且透明的操作，具有素描樣式的Balsamiq和具有綜合功能的Axure。
4、UX和UI設計師所需要具備的技能和職責：
（1）UX設計師的技能和職責
- 內容/策略：客戶分析，競爭對手分析，產品結構/策略
- 原型和線框圖：原型，測試/迭代，開發，計划，線框圖
- 分析和執行：與開發人員的協調，與UI設計師的協調，分析和迭代，跟蹤目標和集成
因此，UX設計師不僅負責預先計划和准備產品背后的技術。他們還負責用戶在線和離線交互方式，包括客戶服務和分析。
舉個例子比如：UX設計師要設計一款app來幫助別人管理預約。整個過程中UX設計師可能會需要做哪些事情呢？一開始UX設計師需要研究回答這樣的一些問題：
誰會用這個app？客戶的需求和目標是什么？他們會經歷哪些問題？他們在使用的過程中會擔心哪些問題？
經過調研后UX設計師把用戶在使用這款app里面用戶會經歷的最重點的幾個任務把步驟一步一步的分析出來。
在分析完每一步的任務后，設計師可能畫一個map列出幾個不一樣的選擇項，通過這些選擇，用戶會如何一步一步最終他們完成他們需要在這款app里面完成的目標。
最終UX設計師完成的成品可能是一系列完整的設計界面，而這些界面再經過編程后就可以直接投入使用的這樣一個狀態。
因此UX關注的重點：可行性分析、用戶行為研究、用戶案例分析等
（2）用戶界面設計師的技能和職責
- 外觀：品牌和平面設計開發，用戶指南/故事線，客戶分析，設計研究
- 響應性和交互性：適應所有設備屏幕尺寸，交互性和動畫，和開發人員的協調，UI原型設計
UI設計師創建了產品的外觀和外觀，從而形成了個性和品牌。他將產品與用戶聯系起來，建立客戶信任並遷移品牌概念。 UI設計師需要與其他團隊成員（例如開發人員和UX設計人員）進行協作。
因此UI關注的重點：布局、視覺設計、品牌等。
知乎里面這篇文章講的很好，可以學習了解：https://www.zhihu.com/question/19567997
四、UI設計網站推薦
1、花瓣，陪你做生活的設計師(家居，美食，時尚，穿搭，設計，商品，美圖等) https://huaban.com/
設計師素材收集平台，也是每個設計師必不可少的個人素材庫。不過這個網站經常不穩定，也可以買Eagle作為私人素材庫。
2、站酷 (ZCOOL) - 設計師互動平台 - 打開站酷，發現更好的設計！ https://www.zcool.com.cn/
站酷網，是綜合性"設計師社區"，聚集了中國部分設計師、藝術院校師生、潮流藝術家等年輕創意設計人群。而且站酷經常會舉辦各類設計大賽，在站酷也有許多國際一線的設計師入駐來分享一些優秀的設計案例，可以多看他們的作品去提高審美和認知。
3、站酷海洛 - 正版圖片、視頻、字體、音樂素材交易平台 - 站酷旗下品牌 https://www.hellorf.com/
站酷海洛，一站式正版視覺內容平台，授權內容包含圖片、視頻、音樂、字體等，是站酷旗下品牌。在這個無論是圖片還是字體等素材都是經過嚴格篩選的，而且所有的素材質量比較高。
4、UICN用戶體驗設計平台 https://www.ui.cn/
這是一個體驗設計的專業平台，在這個平台聚集了大量的優秀的UI設計師，是每一個UI設計師必逛的寶藏之地。每日必逛的開眼網站。
5、優設網 - UISDC - 設計師交流學習平台 - 看設計文章，學軟件教程，找靈感素材，盡在優設網！ https://www.uisdc.com/
我覺得優設網有個亮點：細節獵人：https://www.uisdc.com/hunters，大產品 小細節：產品無言細節有聲 別着急開PS 1分鍾小短文揣摩設計真諦，我覺得這個挺nice的，可以參考別人的細節思維。
下面還有2個國外的設計網站，需要FQ：
https://dribbble.com/
https://www.behance.net/