首頁技術文章正文

移動端ui設計與pc端的差別是什么?

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

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


移動端UI設計與PC端UI設計的區(qū)別

1. 精準度不同

移動端UI設計精準度并不高,主要是因為在移動端上,用戶使用手指進行點擊操作,這就需要一個比較大的范圍來減少錯誤率。而對于PC端而言,鼠A標點擊的精準度很高,不管再小的按鈕,都可以準確無誤的點中。


2. 按鈕位置不同

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


3. 操作習慣不同

移動端UI設計,通常會設計點擊、長按、滑動甚至多點觸控,可以設計長按呼出菜單、滑動翻頁或切換、雙指的放大縮小等。對于鼠標而言則會有單擊、雙擊和右擊操作,因此在PC端網頁UI設計中,可以設計右鍵快捷菜單和雙擊動作等。

IT培訓班



猜你喜歡:

UI設計流程:UI設計工作全過程

UI設計行業(yè)常見術語有哪些?

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

黑馬程序員UI設計培訓課程

分享到:
在線咨詢 我要報名
和我們在線交談!