第讲移动界面设计79页PPT
- 格式:ppt
- 大小:1.05 MB
- 文档页数:79
移动界面设计——移动设备APP的特点以智能手机为例,通常在使用智能手机的时候是以竖屏并且更多是以单手进行操作。
那么对于的智能手机屏幕来说的话,通常会以屏幕上半部分为眼部热区,下半部分为手部操作热区这两个区域来进行区分。
所以,会通常把展示类型的信息,例如banner图,logo等视觉元素放在上半部分的眼部热区进行展示,对于一些重要的操作和点击按钮会放在手机的中下部分,方便用户的手指点击。
例如在有些APP当中,已经开始逐步将返回到上一级的“返回键”以及部分重要操作放在屏幕下方来进行展示。
(如图1-31 a所示)以及也会经常发现手机移动产品的登录页面其输入框和按钮也会放置在屏幕中线以下来进行展示。
(如图1-31 b所示)图1-31 a返回键及重要操作图1-31 b登录页面另外还有一些特点总结如下:a)操作界面精致、界面操作性高,所以这也就需要设计师能够在手机屏幕大小,信息合理完整的传递和用户阅读,界面视觉效果的美观留白以及功能区域划分之间寻求平衡。
b)记忆负担尽量减少、尊重用户操作习惯,在使用移动端设备进行操作的时候,要求在使用产品的时候尽量减少用户的操作时间成本。
以及增加产品的易学习型,并且能够尊重用户所形成的操作习惯,能够保证快速,智能,高效的完成用户需求。
c)设计风格和版本的一致性,在设计应用视觉效果的时候,不同的应用以及不同的系统要区别使用的视觉元素的风格,不要混合使用。
同时也要注意版本更新过程当中视觉风格的延续以及重要功能操作图标要保持其一致性,保留产品核心功能以及遵循用户之前的操作习惯,所以当产品界面的视觉设计接近尾声时,通常要根据产品的视觉来总结”产品视觉规范性说明文档"来保证产品视觉风格的一致性。
手机应用通常以页面刷新的方式为主,由于屏幕较小,所以对于手机应用的信息展示来说,通常都要以新的页面展示为主。
那么列表页跳转到详情页就是一个很典型的例子。
例如,社交平台中从好友列表进入到好友详情页面的时候,由于手机屏幕较小以及竖屏使用的情况,这两个功能页面通常会分别在两张页面进行展示,如果这两层信息放在一个屏幕中显示又势必会遮盖当前页面住更多的有效信息,所以把这种方式称为"页面刷新"或者"页面跳转(如图1-32)图1-32页面刷新/页面跳转页面用桀过于频繁的话,会无形中增加产品的点击深度,耗费用户更多的时间成本。