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

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

●设计规范不同
平面U|通常使用鼠标操作,而移动端UI使用手指操作。鼠标操作的精度非常高,手指操作的精确度则相对较低。因此平面UI的图标一般都比较小,而移动端的图标则要大很多。微信PC端和移动端图标大小的对比如图1-7所示。
●UI交 互操作不同
平面UI中可以展现的UI交互操作方式更多,例如单击、双击、按住、移入、移除、右击和滚轮等多种操作;而移动端的功能相对较弱,只能实现点击、按住和滑动等操作。
例如移动端爱奇艺视频,在屏幕的左边上下滑动可以调整亮度,在屏幕的右边上下滑动可以调整声音,在屏幕的下面左右滑动进度条可以调整视频的进度,双击屏幕可以暂停播放。
提示:
除了以上所讲的不同,平面u与移动u还有很多地方是不同的,例如图片的格式、切片输出要求等,在后面的章节中会逐一-详细讲解。
UI设计教程相关推荐:
158学习网首页 » 移动UI与平面UI有哪些区别?
(1)、因部分资料含有敏感关键词,百度网盘无法分享链接,请联系客服进行发送;
(2)、所有资料在您未收到之前,都可以联系微信/QQ:406499404,无条件退款
(3)仅支持原渠道退回,微信支付,支付宝退回至您当初选择的付款方式
(4)不用担心不给资料,如果没有及时回复也不用担心,看到了都会发给您的,请放心!
(5)因部份资源来源互联网,本站不担保其完整性,请知悉!