如今,UI設(shè)計(jì)已經(jīng)成為非常熱門的問題,那么,pc客戶端UI設(shè)計(jì)和移動(dòng)端UI設(shè)計(jì)的區(qū)別是什么呢?為了幫助大家正確的進(jìn)行UI設(shè)計(jì),下面就一起來看看相關(guān)的內(nèi)容,相信下面的內(nèi)容一定可以很好的幫助各位朋友們的。
移動(dòng)端UI設(shè)計(jì)和PC端UI設(shè)計(jì)的區(qū)別
移動(dòng)端UI設(shè)計(jì):指的是手機(jī)上的UI設(shè)計(jì)。
PC端UI設(shè)計(jì):指的是電腦上的UI設(shè)計(jì)。
那么這2種UI設(shè)計(jì)有那些地方不同呢?下面一起來了解下。
(圖片來自網(wǎng)絡(luò))
1. 屏幕尺寸不同
電腦顯示器的屏幕尺寸一般為,19-24英寸,手機(jī)屏幕尺寸一般為,4-6英寸。尺寸不同的背后就是,2種設(shè)計(jì)的設(shè)計(jì)顯示區(qū)域也不同。所以電腦上的UI設(shè)計(jì),首頁要多放一些內(nèi)容,盡量減少層級(jí)的表現(xiàn)。而手機(jī)上的UI設(shè)計(jì),因?yàn)槠聊伙@示尺寸有限,所以不能放那么多內(nèi)容,可以多加層級(jí)。像電腦版的淘寶,一進(jìn)入內(nèi)容非常的多,包括了主題市場(chǎng)分類的顯示,廣告頁的展示,個(gè)人中心的展示等。而手機(jī)版的淘寶,層級(jí)較多,有五個(gè)大的展級(jí),其中主屏上又有十個(gè)小的層級(jí),一層連一層,展示區(qū)域相對(duì)較少,沒有主題市場(chǎng)分類的直接展示,必須通過層級(jí)進(jìn)入二級(jí)頁面才能看到。
2. 設(shè)計(jì)規(guī)范不同
電腦的UI操作一般是用鼠標(biāo),手機(jī)的則是用手指,鼠標(biāo)精確度非常的高,手的精確度相對(duì)較低,所以電腦上的圖標(biāo)一般會(huì)小一些,手機(jī)上的會(huì)大一些。微信的電腦版的圖標(biāo),明顯比手機(jī)上的要小一些。
(圖片來自網(wǎng)絡(luò))
3. UI交互操作習(xí)慣不同
電腦可以實(shí)現(xiàn),單擊,雙擊,按住,移入,移出,右擊,滾輪等操作。手機(jī)只能實(shí)現(xiàn),點(diǎn)擊,按住,和滑動(dòng)等操作。所以電腦上可以展現(xiàn)的UI交互操作習(xí)慣可以更多,功能也就更強(qiáng)。手機(jī)上的話弱化了很多。像手機(jī)版的騰訊視頻,在屏左邊上下滑動(dòng)可以調(diào)亮度,右邊上下滑動(dòng)可以調(diào)聲音。最下面左右滑動(dòng)可以調(diào)視頻的進(jìn)度,雙擊可以暫停,其它的就是要通過圖標(biāo)點(diǎn)擊才能生效。而電腦版的,就可以雙擊,右擊,單擊,滾輪多點(diǎn)操作了。
pc端UI設(shè)計(jì)規(guī)范的內(nèi)容如上文所述,大家是不是都好好的研究一番了呢?總之,希望大家在實(shí)踐中可以用到上面的內(nèi)容。