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:平面之家 |