移动UI与平面UI有哪些区别？

移动UI与平面UI的区别有哪些呢？

平面UI设计的范围非常广，包括绝大多数的UI领域。而移动UI设计主要是指智能手机和平板电脑的客户端。从设计的角度来说，二者在屏幕尺寸、设计规范和UI交互操作上都有很大的不同。
●屏幕尺寸不同
移动设备的屏幕一般都比较小，且受到不同系统的限制，因此每一个页面中所放的东西较少，需要通过多层级的方式扩充内容。而平面U则没有这个顾虑，每一页中 都尽量多放东西，从而减少层级。例如，PC端的淘宝店铺，整个页面尺寸较大，可放的空间也大，用户只需要通过二级页面就可以看到想要找的内容，如图1-5所示。

而移动端的淘宝店铺层级较多，用户想要找到感兴趣的商品，往往需要一层- -层查找，如图1-6所示，点击了“天猫”栏目后只是进入了天猫页面。

●设计规范不同
平面U|通常使用鼠标操作，而移动端UI使用手指操作。鼠标操作的精度非常高，手指操作的精确度则相对较低。因此平面UI的图标一般都比较小，而移动端的图标则要大很多。微信PC端和移动端图标大小的对比如图1-7所示。

●UI交 互操作不同
平面UI中可以展现的UI交互操作方式更多，例如单击、双击、按住、移入、移除、右击和滚轮等多种操作;而移动端的功能相对较弱，只能实现点击、按住和滑动等操作。
例如移动端爱奇艺视频，在屏幕的左边上下滑动可以调整亮度，在屏幕的右边上下滑动可以调整声音，在屏幕的下面左右滑动进度条可以调整视频的进度，双击屏幕可以暂停播放。

提示：
除了以上所讲的不同，平面u与移动u还有很多地方是不同的，例如图片的格式、切片输出要求等，在后面的章节中会逐一-详细讲解。

UI设计教程相关推荐：

ps手绘教程初级教程,ps电商美工全能班教程视频【百度云下载】

ps插画视频教学,ps手绘插画教程百度网盘第14期