雷火平台-中国知名电竞赛事平台

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

pc客戶端UI設(shè)計(jì)和移動(dòng)端UI設(shè)計(jì)的區(qū)別是什么,你想了解嗎

Time: 2020-03-03

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

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

  移動(dòng)端UI設(shè)計(jì):指的是手機(jī)上的UI設(shè)計(jì)。

  PC端UI設(shè)計(jì):指的是電腦上的UI設(shè)計(jì)。

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

14befdc9c872ca787e44e8035fe988457762c55915c3d7-RmM2dF_fw658_WPS圖片_WPS圖片.jpg

(圖片來自網(wǎng)絡(luò))

  1. 屏幕尺寸不同

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

2. 設(shè)計(jì)規(guī)范不同

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

2.jpg

(圖片來自網(wǎng)絡(luò))

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

  電腦可以實(shí)現(xiàn),單擊,雙擊,按住,移入,移出,右擊,滾輪等操作。手機(jī)只能實(shí)現(xiàn),點(diǎn)擊,按住,和滑動(dòng)等操作。所以電腦上可以展現(xiàn)的UI交互操作習(xí)慣可以更多,功能也就更強(qiáng)。手機(jī)上的話弱化了很多。像手機(jī)版的騰訊視頻,在屏左邊上下滑動(dòng)可以調(diào)亮度,右邊上下滑動(dòng)可以調(diào)聲音。最下面左右滑動(dòng)可以調(diào)視頻的進(jìn)度,雙擊可以暫停,其它的就是要通過圖標(biāo)點(diǎn)擊才能生效。而電腦版的,就可以雙擊,右擊,單擊,滾輪多點(diǎn)操作了。

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


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

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