移动界面设计.docx

《移动界面设计.docx》由会员分享，可在线阅读，更多相关《移动界面设计.docx（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、移动界面设计移动设备APP的特点以智能手机为例，通常在使用智能手机的时候是以竖屏并且更多是以单手进行操作。 那么对于的智能手机屏幕来说的话，通常会以屏幕上半部分为眼部热区，下半部分为手部 操作热区这两个区域来进行区分。所以，会通常把展示类型的信息，例如banner图， logo等视觉元素放在上半部分的眼部热区进行展示，对于一些重要的操作和点击按钮会 放在手机的中下部分，方便用户的手指点击。例如在有些APP当中，已经开始逐步将返回到上一级的“返回键”以及部分重要操 作放在屏幕下方来进行展示。（如图1-31 a所示）以及也会经常发现手机移动产品的登录 页面其输入框和按钮也会放置在屏幕中线以下来进行

2、展示。（如图1-31 b所示）图1-31 a返回键及重要操作图1-31 b登录页面另外还有一些特点总结如下:a）操作界面精致、界面操作性高，所以这也就需要设计师能够在手机屏幕大小，信息合 理完整的传递和用户阅读，界面视觉效果的美观留白以及功能区域划分之间寻求平衡。b）记忆负担尽量减少、尊重用户操作习惯,在使用移动端设备进行操作的时候，要求 在使用产品的时候尽量减少用户的操作时间成本。以及增加产品的易学习型，并且能够尊 重用户所形成的操作习惯，能够保证快速，智能，高效的完成用户需求。c）设计风格和版本的一致性,在设计应用视觉效果的时候，不同的应用以及不同的系统 要区别使用的视觉元素的风格，不要混

3、合使用。同时也要注意版本更新过程当中视觉风格的延续以及重要功能操作图标要保持其一致 性，保留产品核心功能以及遵循用户之前的操作习惯，所以当产品界面的视觉设计接近尾 声时，通常要根据产品的视觉来总结”产品视觉规范性说明文档来保证产品视觉风格的 一致性。手机应用通常以页面刷新的方式为主，由于屏幕较小，所以对于手机应用的信息展示 来说，通常都要以新的页面展示为主。那么列表页跳转到详情页就是一个很典型的例子。例如，社交平台中从好友列表进入到好友详情页面的时候，由于手机屏幕较小以及竖 屏使用的情况，这两个功能页面通常会分别在两张页面进行展示，如果这两层信息放在一 个屏幕中显示又势必会遮盖当前页面住更多的

4、有效信息,所以把这种方式称为页面刷新 或者页面跳转（如图1-32）图1-32页面刷新/页面跳转页面用桀过于频繁的话，会无形中增加产品的点击深度，耗费用户更多的时间成本。所以面对这样的情况，IOS系统当中结合苹果手机的屏幕特性加入了 3D touch这样交 互方式,来减少页面助微。其目的也是为了寻求在页面刷新，信息展示和传递以及提升界 面操作效率之间寻求平衡。属于是一种全新的人机交互方式。那么以上就是对于以智能手机为代表的移动设备特点的介绍。在后面的内容当中，也 会继续给各位读者介绍一些提升界面操作效率的方法以及手机界面所常用到的布局方式, 其存在的根本原因都是围绕移动设备的特点来进行的视觉表现方式。