移动端UI设计和PC端UI设计的区别

今天我们要和大家介绍的内容是有关于移动端UI设计和PC端UI设计的区别，下面让我们一起来看一看：

1. 屏幕尺寸不同

电脑显示器的屏幕尺寸一般为，19-24英寸，

手机屏幕尺寸一般为，4-6英寸。

尺寸不同的背后就是，2种设计的设计显示区域也不同。

所以电脑上的UI设计，首页要多放一些内容，

尽量减少层级的表现。

而手机上的UI设计，因为屏幕显示尺寸有限，

所以不能放那么多内容，可以多加层级。

像电脑版的淘宝，一进入内容非常的多，

包括了主题市场分类的显示，

广告页的展示，个人中心的展示等。

而手机版的淘宝，层级较多，有五个大的展级，

其中主屏上又有十个小的层级，一层连一层，

展示区域相对较少，没有主题市场分类的直接展示，

必须通过层级进入二级页面才能看到。

2. 设计规范不同

电脑的UI操作一般是用鼠标，手机的则是用手指，

鼠标精确度非常的高，手的精确度相对较低，

所以电脑上的图标一般会小一些，手机上的会大一些。

微信的电脑版的图标，明显比手机上的要小一些。

3. UI交互操作习惯不同

电脑可以实现，单击，双击，按住，移入，移出，右击，滚轮等操作。

手机只能实现，点击，按住，和滑动等操作。

所以电脑上可以展现的UI交互操作习惯可以更多，

功能也就更强，手机上的话弱化了很多。

像手机版的腾讯视频，在屏左边上下滑动可以调亮度，

右边上下滑动可以调声音。

最下面左右滑动可以调视频的进度，双击可以暂停，

其它的就是要通过图标点击才能生效。

而电脑版的，就可以双击，右击，单击，滚轮多点操作了。

有兴趣的小伙伴可以关注我们日后的干货分享哦！当然，你想了解更多关于设计的知识，可以填写下方的表单，

有利于咨询老师更快的找到你哦！我们下次见~

相关推荐

: Java学习笔记：继承知识及特点介绍

作为面向对象的三大特性之一，继承同样是我们必须掌握的知识，下面我会对继承它的一些理论知识与代码示例进行介绍。

: Java多线程学习资料

Java多线程我个人觉得是JavaSe中最难的一部分，我以前也是感觉学会了，但是真正有多线程的需求却不知道怎么下手，实际上还是对多线程这块知识了解不深刻，不知道多线程api的应用场景，不知道多线程的运行流程等等，本篇文章将使用实例+图解+源码的方式来解析Java多线程。