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

更新時間:2021-12-01 來源:黑馬程序員瀏覽量:

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

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

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

2. 按鈕位置不同

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

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

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

IT培訓(xùn)班