首頁(yè)技術(shù)文章正文

移動(dòng)端ui設(shè)計(jì)與pc端的差別是什么?

更新時(shí)間:2021-12-01 來(lái)源:黑馬程序員 瀏覽量:

對(duì)于移動(dòng)端UI設(shè)計(jì)和PC端網(wǎng)頁(yè)UI設(shè)計(jì),由于操作終端的不同,二者在界面設(shè)計(jì)上也會(huì)有一些顯著的差別,具體表現(xiàn)在以下幾個(gè)方面。


移動(dòng)端UI設(shè)計(jì)與PC端UI設(shè)計(jì)的區(qū)別

1. 精準(zhǔn)度不同

移動(dòng)端UI設(shè)計(jì)精準(zhǔn)度并不高,主要是因?yàn)樵谝苿?dòng)端上,用戶使用手指進(jìn)行點(diǎn)擊操作,這就需要一個(gè)比較大的范圍來(lái)減少錯(cuò)誤率。而對(duì)于PC端而言,鼠A標(biāo)點(diǎn)擊的精準(zhǔn)度很高,不管再小的按鈕,都可以準(zhǔn)確無(wú)誤的點(diǎn)中。


2. 按鈕位置不同

對(duì)于移動(dòng)端UI設(shè)計(jì)而言,需要考慮的是手機(jī)使用環(huán)境,目前手機(jī)屏幕尺寸越來(lái)越大,用戶更希望可以單手操作。所以在設(shè)計(jì)按鈕時(shí),盡量將按鈕放置到左右手大拇指可控制到的區(qū)域。對(duì)于鼠標(biāo)而言,按鈕在屏幕中的任何位置對(duì)于操作的影響都不是很大,用戶可以輕松移動(dòng)鼠標(biāo)到界面中任何位置,單擊需要的按鈕。


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

移動(dòng)端UI設(shè)計(jì),通常會(huì)設(shè)計(jì)點(diǎn)擊、長(zhǎng)按、滑動(dòng)甚至多點(diǎn)觸控,可以設(shè)計(jì)長(zhǎng)按呼出菜單、滑動(dòng)翻頁(yè)或切換、雙指的放大縮小等。對(duì)于鼠標(biāo)而言則會(huì)有單擊、雙擊和右擊操作,因此在PC端網(wǎng)頁(yè)UI設(shè)計(jì)中,可以設(shè)計(jì)右鍵快捷菜單和雙擊動(dòng)作等。

IT培訓(xùn)班



猜你喜歡:

UI設(shè)計(jì)流程:UI設(shè)計(jì)工作全過(guò)程

UI設(shè)計(jì)行業(yè)常見術(shù)語(yǔ)有哪些?

化妝品logo設(shè)計(jì)案例實(shí)戰(zhàn)【UI設(shè)計(jì)教程】

黑馬程序員UI設(shè)計(jì)培訓(xùn)課程

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!