三者關系圖:
從上圖來看,似乎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:適合圖標、界面設計,支持多文件分層,切片等插件。
交互設計工具
Axure:老牌原型設計工具,適用于制作中高保真交互原型。
Mockplus:適合創建快速交互原型,簡單高效,同時支持團隊協作。
摹客:適合一鍵切圖,生成智能標注,生成圖層代碼,交互演示,設計協作。
UI交互設計工具:
PS,AI,Sketch,Mockplus、摹客原型設計工具。
從使用的工具來看,UI設計主要以圖形、圖標、界面設計工具為主;交互設計主要以原型設計,交互設計工具為主;而UI交互設計則囊括了前兩者使用的所有工具。
看完本文后,小編相信大家對UI交互設計,UI設計,交互設計三者的關系已經有所了解了。簡單來說:UI是為了好看,交互設計是為了好用,UI交互設計就是好看又好用。如果想從事UI交互設計相關的工作,小編建議不妨在了解它們的基本定義后,開始學習一些技能知識,著手開始練習設計。這樣可以幫助大家在UI交互設計的路上快速成長!
原文地址:慕客
作者:慕客產品協作設計
轉載請注明:學UI網》UI設計、交互設計、UI交互設計的聯系和區別是什么?
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司