如今,UI設計已經成為非常熱門的問題,那么,pc客戶端UI設計和移動端UI設計的區(qū)別是什么呢?為了幫助大家正確的進行UI設計,下面就一起來看看相關的內容,相信下面的內容一定可以很好的幫助各位朋友們的。
移動端UI設計和PC端UI設計的區(qū)別
移動端UI設計:指的是手機上的UI設計。
PC端UI設計:指的是電腦上的UI設計。
那么這2種UI設計有那些地方不同呢?下面一起來了解下。

(圖片來自網絡)
1. 屏幕尺寸不同
電腦顯示器的屏幕尺寸一般為,19-24英寸,手機屏幕尺寸一般為,4-6英寸。尺寸不同的背后就是,2種設計的設計顯示區(qū)域也不同。所以電腦上的UI設計,首頁要多放一些內容,盡量減少層級的表現。而手機上的UI設計,因為屏幕顯示尺寸有限,所以不能放那么多內容,可以多加層級。像電腦版的淘寶,一進入內容非常的多,包括了主題市場分類的顯示,廣告頁的展示,個人中心的展示等。而手機版的淘寶,層級較多,有五個大的展級,其中主屏上又有十個小的層級,一層連一層,展示區(qū)域相對較少,沒有主題市場分類的直接展示,必須通過層級進入二級頁面才能看到。
2. 設計規(guī)范不同
電腦的UI操作一般是用鼠標,手機的則是用手指,鼠標精確度非常的高,手的精確度相對較低,所以電腦上的圖標一般會小一些,手機上的會大一些。微信的電腦版的圖標,明顯比手機上的要小一些。

(圖片來自網絡)
3. UI交互操作習慣不同
電腦可以實現,單擊,雙擊,按住,移入,移出,右擊,滾輪等操作。手機只能實現,點擊,按住,和滑動等操作。所以電腦上可以展現的UI交互操作習慣可以更多,功能也就更強。手機上的話弱化了很多。像手機版的騰訊視頻,在屏左邊上下滑動可以調亮度,右邊上下滑動可以調聲音。最下面左右滑動可以調視頻的進度,雙擊可以暫停,其它的就是要通過圖標點擊才能生效。而電腦版的,就可以雙擊,右擊,單擊,滾輪多點操作了。
pc端UI設計規(guī)范的內容如上文所述,大家是不是都好好的研究一番了呢?總之,希望大家在實踐中可以用到上面的內容。


在微信中搜索faceui