天天看點

【蕭蕊冰】ui設計和互動設計的差別是什麼?

ui設計和互動設計的差別是什麼呢?我們常常聽說UI設計,互動設計,那UI互動設計又是什麼呢?作為一名剛進入設計行業的或對設計有極大興趣的人來說,搞清不同設計術語的定義真的非常令人頭疼。别擔心,今天蕭蕊冰介紹一下ui設計和互動設計的差別是什麼,為各位萌新小白掃掃盲!

【蕭蕊冰】ui設計和互動設計的差別是什麼?

1.UI設計vs互動設計對比之概念

UI設計

UI設計或稱界面設計(英文UserInterface Design, 縮寫為UID),它是指對軟體的人機互動、操作邏輯、界面美觀的整體設計。UI設計主要分為實體UI和虛拟UI兩種,網際網路行業常見的UI設計是虛拟UI,UI即User Interface(使用者界面)的簡稱。

互動設計

互動設計(英文Interaction Design, 縮寫IXD),它主要指的是兩個或多個個體之間交流和互動方式的設計,以達成某種設計産品的目的。互動設計的目标一般從“可用性”和”使用者體驗“兩個層面出發,以幫助解決使用者需求。

2.UI設計vs互動設計對比之工作人群

UI設計相關人群:

UI設計師,界面設計師,網頁設計師。

互動設計相關人群:

UX設計師,互動設計師,UE設計師,産品經理,網頁設計師,産品經理。

從相關的工作人群來看,不同的設計工作類型,涉及的人群也盡不相同。UI設計的相關人群主要是工作中包涵該部分的人,除了專業的UI設計師,界面設計師,網頁設計師等也是它的工作人群。而互動設計涉及的人群更廣,互動設計師、UX設計師自然不在話下。另外,需要表達設計想法的産品經理營運人員也是其中一員。最後,UI互動設計所涉及的範圍比兩者稍廣,包含了UI設計人群和大部分互動設計人群。

3.UI設計vs互動設計對比之例子

UI設計案例:

【蕭蕊冰】ui設計和互動設計的差別是什麼?

UI設計主要在于通過對使用者界面的色彩,布局,文字排版等方面進行設計,以保證整體界面的美觀。

互動設計案例:

【蕭蕊冰】ui設計和互動設計的差別是什麼?

而這種以人機互動為目的,注重使用者體驗的設計則稱為互動設計。

從以上的案例不難看出,UI設計主要以界面美觀為主,以靜态的方式呈現居多(也有以動圖動畫形進行呈現)。互動方式是靜态的。UI互動設計是在UI的基礎上進行互動設計,以偏動态的形式存在。互動設計則以使用者體驗為主,以動态的形式存在。

4.UI設計vs互動設計對比之工具

UI設計工具:

(1) PS(Photoshop):适用于界面設計,圖示設計,手繪等。

(2) AI (Illustration):适合建立徽标、圖示、草圖、排版和其他矢量圖。

(3) Sketch:适合圖示、界面設計,支援多檔案分層,切片等插件。

互動設計工具:

(4) Mockplus:适合建立快速互動原型,簡單高效,同時支援團隊協作。

(5) 摹客iDoc:适合一鍵切圖,生成智能标注,互動示範,設計協作。

從使用的工具來看,UI設計主要以圖形、圖示、界面設計工具為主;互動設計主要以原型設計,互動設計工具為主。

【蕭蕊冰】ui設計和互動設計的差別是什麼?

看完本文後,相信大家對UI設計和互動設計的差別已經有所了解了。簡單來說:UI是為了好看,互動設計是為了好用,那麼UI互動設計就是好看又好用。如果想從事UI設計相關的工作,在了解了他們的差別之後就可以着手學習了。祝大家都能心想事成,一夜暴富!