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

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

科普PC端UI設計與移動端UI設計之異同

Time: 2019-10-10

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

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

1.1.jpg

移動端


2.1.jpg

PC端


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

那么,具體還有那些呢?

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

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

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

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


合作咨詢

上海(總部)

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

辦公地址地圖

北京

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

辦公地址地圖

成都

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

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

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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