face+ 关于 服务 案例
首页 案例 服务 关于 face+

科普PC端UI设计与移动端UI设计之异同

Time: 2019-10-10

随着信息时代的飞速进步,手机和电脑已然成为了我们生活中不可或缺的一部分,而UI设计也就成为了软件设计中关注的一个焦点。而因为载体有所不同,移动端的UI设计和PC端的UI设计自然也有许多区别。

以网易云音乐为例,同一个软件的首页,在移动端和PC上的差别显而易见。

1.1.jpg

移动端


2.1.jpg

PC端


可以看到,即使是相同的内容,由于设备不同,尽管沿用了相同的风格,UI设计的效果也完全不一样。最显著的区别就是前者需要点击和右拉才能操作的功能界面,在后者的左侧直接布局,推送内容的设置与分布也有差别,这就是移动端UI设计和PCUI设计的差别所在。

那么,具体还有那些呢?

首先,二者屏幕尺寸的差异导致了分辨率、比例和倍率以及其他点有着很大的差别。所以在进行UI设计时,就必须针对不同大小的界面来安排不同的布局。比如说在移动端上对内容进行分隔,我们一般采用上下分隔的形式,尤其是放置广告时,移动端往往将其作为上下内容的一个隔断,而PC端往往是在内容主体的两侧分布。

其次,二者的UI设计需要考虑不同的支持系统,从而针对不同的特点进行设计。一般来说,移动端以iOS系统和安卓系统为主,而系统版本更新的速度相对更快一些,而相对PC端大多使用WindowsMac而言也较为复杂,故而移动端的UI设计需要考虑诸如不同品牌系统之间的兼容性等更多的问题。

最后,由于移动端和PC端具有不同的操作习惯,所以在进行UI设计时,需要在保证美观的同时,让用户能够拥有简单便捷而自由的操作体验。在PC端,我们往往通过鼠标进行操作,而移动端上则会用手指来点触,能够同时碰触到多个点。所以在进行UI设计时,就需要针对不同的操作方式来设计。举个例子,在查看PC端的淘宝图片时,鼠标停留的地方会被放大,而移动端的淘宝显然没有这一功能。而且,由于鼠标操作和手指点触的精确度不同,在UI设计时也要将图标和按钮的大小作为一个重要的点进行考量,并设计不同的交互效果,让用户在使用时能够更加舒心。

总之,在进行UI设计时,移动端和PC端之间的差别是不可忽视的点,想要做好软件设计,就应当对不同使用端的特点有充分的了解。


下一篇:
合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼205
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康胡同17号A座三层
010-64015620
service@faceui.com

办公地址地图

深圳

深圳市福田区金田路4018号安联大厦2601
0755-33955611
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2015 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开