當前位置:
首頁 > 最新 > UI設計到底是什麼?

UI設計到底是什麼?

近期很多人問我UI設計到底是做什麼的? 今天就給大家講下,UI設計到底是做什麼的。

UI設計是英文User Interface界面簡稱,中文為用戶界面設計。

用戶指的是人類,(男人,女人,老人,兒童,國內,國外等都屬於)

界面指的是機器,(手機,電腦,取票機等都屬於)

設計指的是人與機器之間的設計,也就是UI設計。

完整的UI設計包含了,

GUI視覺設計 + ID交互設計 + UE用戶體驗設計

GUI(用戶界面設計),一般在公司叫做視覺設計師,

主要完成產品的界面設計,比如大家用的微信,

微信的登錄界面,註冊界面,這些就是屬於界面設計。

大家所理解的的UI設計,其實都是GUI設計,

比如平面等設計行業轉行的基本都是GUI設計。

用PSAI做圖的也是屬於GUI設計。

ID(交互設計),一般在公司叫做交互設計師。

主要完成用戶和界面之間的過渡的設計。

比如微信在登錄前和登錄後是怎麼的一個變化,

用戶是如何去點登錄的,登錄後如何聊天,如何發消息。

每一步操作的基礎模型都要搭建出來。

UE(用戶體驗設計),一般在公司叫做用戶體驗設計師。

主要的工作內容就是,研究用戶的體驗程度,

比如微信和QQ2個聊天軟體,QQ註冊賬號要3分鐘,

微信註冊賬號只要2分鐘。

那麼就要研究這2塊的用戶在登錄界面上的體驗,

誰更快登錄,誰的體驗就好。

如果已經是同行業第一快,就要想著如何再一步提升登錄速度。

登錄速度這只是用戶體驗的一種,

還有聊天的功能多元化,安全性,社交性等

這些就是用戶體驗設計師的工作內容。

移除

點擊此處添加圖片說明文字

屏幕尺寸不同

電腦顯示器的屏幕尺寸一般為,19-24英寸,

手機屏幕尺寸一般為,4-6英寸。

尺寸不同的背後就是,2種設計的設計顯示區域也不同。

所以電腦上的UI設計,首頁要多放一些內容,

盡量減少層級的表現。

而手機上的UI設計,因為屏幕顯示尺寸有限,

所以不能放那麼多內容,可以多加層級。

像電腦版的淘寶,一進入內容非常的多,

包括了主題市場分類的顯示,

廣告頁的展示,個人中心的展示等。

而手機版的淘寶,層級較多,有五個大的展級,

其中主屏上又有十個小的層級,一層連一層,

展示區域相對較少,沒有主題市場分類的直接展示,

必須通過層級進入二級頁面才能看到。

移除

點擊此處添加圖片說明文字

移除

點擊此處添加圖片說明文字

2. 設計規範不同

電腦的UI操作一般是用滑鼠,手機的則是用手指,

滑鼠精確度非常的高,手的精確度相對較低,

所以電腦上的圖標一般會小一些,手機上的會大一些。

微信的電腦版的圖標,明顯比手機上的要小一些。

移除

點擊此處添加圖片說明文字

移除

點擊此處添加圖片說明文字

3. UI交互操作習慣不同

電腦可以實現,單擊,雙擊,按住,移入,移出,右擊,滾輪等操作。

手機只能實現,點擊,按住,和滑動等操作。

所以電腦上可以展現的UI交互操作習慣可以更多,

功能也就更強,手機上的話弱化了很多。

像手機版的騰訊視頻,在屏左邊上下滑動可以調亮度,

右邊上下滑動可以調聲音。

最下面左右滑動可以調視頻的進度,雙擊可以暫停,

其它的就是要通過圖標點擊才能生效。

而電腦版的,就可以雙擊,右擊,單擊,滾輪多點操作了。

移除

點擊此處添加圖片說明文字

移除

點擊此處添加圖片說明文字

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 平面之家 的精彩文章:

TAG:平面之家 |