雷火电竞首页-中国电竞赛事及体育赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

pc客戶端UI設計和移動端UI設計的區(qū)別是什么,你想了解嗎

Time: 2020-03-03

如今,UI設計已經成為非常熱門的問題,那么,pc客戶端UI設計和移動端UI設計的區(qū)別是什么呢?為了幫助大家正確的進行UI設計,下面就一起來看看相關的內容,相信下面的內容一定可以很好的幫助各位朋友們的。

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

  移動端UI設計:指的是手機上的UI設計。

  PC端UI設計:指的是電腦上的UI設計。

  那么這2種UI設計有那些地方不同呢?下面一起來了解下。

14befdc9c872ca787e44e8035fe988457762c55915c3d7-RmM2dF_fw658_WPS圖片_WPS圖片.jpg

(圖片來自網絡)

  1. 屏幕尺寸不同

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

2. 設計規(guī)范不同

  電腦的UI操作一般是用鼠標,手機的則是用手指,鼠標精確度非常的高,手的精確度相對較低,所以電腦上的圖標一般會小一些,手機上的會大一些。微信的電腦版的圖標,明顯比手機上的要小一些。

2.jpg

(圖片來自網絡)

  3. UI交互操作習慣不同

  電腦可以實現,單擊,雙擊,按住,移入,移出,右擊,滾輪等操作。手機只能實現,點擊,按住,和滑動等操作。所以電腦上可以展現的UI交互操作習慣可以更多,功能也就更強。手機上的話弱化了很多。像手機版的騰訊視頻,在屏左邊上下滑動可以調亮度,右邊上下滑動可以調聲音。最下面左右滑動可以調視頻的進度,雙擊可以暫停,其它的就是要通過圖標點擊才能生效。而電腦版的,就可以雙擊,右擊,單擊,滾輪多點操作了。

  pc端UI設計規(guī)范的內容如上文所述,大家是不是都好好的研究一番了呢?總之,希望大家在實踐中可以用到上面的內容。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開