AAA教育

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

1. 屏幕尺寸不同

電腦顯示器的屏幕尺寸一般為，19-24英寸，手機(jī)屏幕尺寸一般為，4-6英寸。

尺寸不同的背后就是，2種設(shè)計(jì)的設(shè)計(jì)顯示區(qū)域也不同。所以電腦上的UI設(shè)計(jì)，首頁(yè)要多放一些內(nèi)容，盡量減少層級(jí)的表現(xiàn)。而手機(jī)上的UI設(shè)計(jì)，因?yàn)槠聊伙@示尺寸有限，所以不能放那么多內(nèi)容，可以多加層級(jí)。

像電腦版的淘寶，一進(jìn)入內(nèi)容非常的多，包括了主題市場(chǎng)分類(lèi)的顯示，廣告頁(yè)的展示，個(gè)人中心的展示等。

而手機(jī)版的淘寶，層級(jí)較多，有五個(gè)大的展級(jí)，其中主屏上又有十個(gè)小的層級(jí)，一層連一層，展示區(qū)域相對(duì)較少，沒(méi)有主題市場(chǎng)分類(lèi)的直接展示，必須通過(guò)層級(jí)進(jìn)入二級(jí)頁(yè)面才能看到。

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

　　電腦的UI操作一般是用鼠標(biāo)，手機(jī)的則是用手指，鼠標(biāo)精確度非常的高，手的精確度相對(duì)較低，所以電腦上的圖標(biāo)一般會(huì)小一些，手機(jī)上的會(huì)大一些。微信的電腦版的圖標(biāo)，明顯比手機(jī)上的要小一些。

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

電腦可以實(shí)現(xiàn)，單擊，雙擊，按住，移入，移出，右擊，滾輪等操作。手機(jī)只能實(shí)現(xiàn)，點(diǎn)擊，按住，和滑動(dòng)等操作。所以電腦上可以展現(xiàn)的UI交互操作習(xí)慣可以更多，功能也就更強(qiáng)。手機(jī)上的話(huà)弱化了很多。