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

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

科普PC端UI設(shè)計與移動端UI設(shè)計之異同

Time: 2019-10-10

隨著信息時代的飛速進步,手機和電腦已然成為了我們生活中不可或缺的一部分,而UI設(shè)計也就成為了軟件設(shè)計中關(guān)注的一個焦點。而因為載體有所不同,移動端的UI設(shè)計和PC端的UI設(shè)計自然也有許多區(qū)別。

以網(wǎng)易云音樂為例,同一個軟件的首頁,在移動端和PC上的差別顯而易見。

1.1.jpg

移動端


2.1.jpg

PC端


可以看到,即使是相同的內(nèi)容,由于設(shè)備不同,盡管沿用了相同的風(fēng)格,UI設(shè)計的效果也完全不一樣。最顯著的區(qū)別就是前者需要點擊和右拉才能操作的功能界面,在后者的左側(cè)直接布局,推送內(nèi)容的設(shè)置與分布也有差別,這就是移動端UI設(shè)計和PCUI設(shè)計的差別所在。

那么,具體還有那些呢?

首先,二者屏幕尺寸的差異導(dǎo)致了分辨率、比例和倍率以及其他點有著很大的差別。所以在進行UI設(shè)計時,就必須針對不同大小的界面來安排不同的布局。比如說在移動端上對內(nèi)容進行分隔,我們一般采用上下分隔的形式,尤其是放置廣告時,移動端往往將其作為上下內(nèi)容的一個隔斷,而PC端往往是在內(nèi)容主體的兩側(cè)分布。

其次,二者的UI設(shè)計需要考慮不同的支持系統(tǒng),從而針對不同的特點進行設(shè)計。一般來說,移動端以iOS系統(tǒng)和安卓系統(tǒng)為主,而系統(tǒng)版本更新的速度相對更快一些,而相對PC端大多使用WindowsMac而言也較為復(fù)雜,故而移動端的UI設(shè)計需要考慮諸如不同品牌系統(tǒng)之間的兼容性等更多的問題。

最后,由于移動端和PC端具有不同的操作習(xí)慣,所以在進行UI設(shè)計時,需要在保證美觀的同時,讓用戶能夠擁有簡單便捷而自由的操作體驗。在PC端,我們往往通過鼠標(biāo)進行操作,而移動端上則會用手指來點觸,能夠同時碰觸到多個點。所以在進行UI設(shè)計時,就需要針對不同的操作方式來設(shè)計。舉個例子,在查看PC端的淘寶圖片時,鼠標(biāo)停留的地方會被放大,而移動端的淘寶顯然沒有這一功能。而且,由于鼠標(biāo)操作和手指點觸的精確度不同,在UI設(shè)計時也要將圖標(biāo)和按鈕的大小作為一個重要的點進行考量,并設(shè)計不同的交互效果,讓用戶在使用時能夠更加舒心。

總之,在進行UI設(shè)計時,移動端和PC端之間的差別是不可忽視的點,想要做好軟件設(shè)計,就應(yīng)當(dāng)對不同使用端的特點有充分的了解。


合作咨詢

上海(總部)

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

辦公地址地圖

北京

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

辦公地址地圖

成都

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

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

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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