移動端UI設(shè)計：指的是手機上的UI設(shè)計

PC端UI設(shè)計：指的是電腦上的UI設(shè)計

那么這2種UI設(shè)計有那些地方不同呢，

今天就和大家講下。

1. 屏幕尺寸不同

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

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

尺寸不同的背后就是，2種設(shè)計的設(shè)計顯示區(qū)域也不同。

所以電腦上的UI設(shè)計，首頁要多放一些內(nèi)容，

盡量減少層級的表現(xiàn)。

而手機上的UI設(shè)計，因為屏幕顯示尺寸有限，

所以不能放那么多內(nèi)容，可以多加層級。

像電腦版的淘寶，一進入內(nèi)容非常的多，包括了主題市場分類的顯示，

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

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

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

展示區(qū)域相對較少，沒有主題市場分類的直接展示，

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

2. 設(shè)計規(guī)范不同

電腦的UI操作一般是用鼠標(biāo)，手機的則是用手指，

鼠標(biāo)精確度非常的高，手的精確度相對較低，

所以電腦上的圖標(biāo)一般會小一些，手機上的會大一些。

微信的電腦版的圖標(biāo)，明顯比手機上的要小一些。

3. UI交互操作習(xí)慣不同

電腦可以實現(xiàn)，單擊，雙擊，按住，移入，移出，右擊，滾輪等操作。

手機只能實現(xiàn)，點擊，按住，和滑動等操作。

所以電腦上可以展現(xiàn)的UI交互操作習(xí)慣可以更多，功能也就更強。

手機上的話弱化了很多。

像手機版的騰訊視頻，在屏左邊上下滑動可以調(diào)亮度，右邊上下滑動可以調(diào)聲音。

最下面左右滑動可以調(diào)視頻的進度，雙擊可以暫停，其它的就是要通過圖標(biāo)點擊才能生效。

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