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

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

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

淘宝PC端
淘宝PC端

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

淘宝移动端
淘宝移动端淘宝移动端

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

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

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

UI设计教程相关推荐:

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

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

**本论坛部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本论坛仅供提供学习交流和参考,禁止用户用于商业行为,并请于下载后24小时内删除,若喜欢该作品请联系原作者购买正版。如果您发现论坛上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。
158学习网首页 » 移动UI与平面UI有哪些区别?
关于售后:
(1)、因部分资料含有敏感关键词,百度网盘无法分享链接,请联系客服进行发送;
(2)、所有资料在您未收到之前,都可以联系微信/QQ:406499404,无条件退款
(3)仅支持原渠道退回,微信支付,支付宝退回至您当初选择的付款方式
(4)不用担心不给资料,如果没有及时回复也不用担心,看到了都会发给您的,请放心!
(5)因部份资源来源互联网,本站不担保其完整性,请知悉!

发表评论

Hi, 如果你对本资源有疑问,可以跟我联系哦!

联系作者
158学习网

提供最优质的资源集合

立即查看 了解详情
赞助VIP 享更多特权,建议使用 账号登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡