AAA教育

那么這兩種UI設(shè)計有那些地方不同呢，今天UI設(shè)計培訓(xùn)班的老師就和大家講下。

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í)慣可以更多，功能也就更強。手機上的話弱化了很多。