Axu 原型基础教程 4_第1页
Axu 原型基础教程 4_第2页
Axu 原型基础教程 4_第3页
Axu 原型基础教程 4_第4页
Axu 原型基础教程 4_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

制作支付宝低保真原型“《AxureRP9原型设计实战案例教程（APP与Web）》第十章01底部标签导航母版设计一、底部标签导航母版设计绝大部分移动App软件Themajorityofmobileappsoftware喜欢采用底部标签导航方式，App一般会设计3~5个标签导航菜单，标签导航菜单将软件模块划分地很清晰，每个菜单承载自己的内容，用户看到菜单名称，大致可以知道该界面所要表达的内容。支付宝App采用标签导航这种导航方式，分为4个标签：支付宝口碑朋友我的这4个标签在很多页面都会使用到，把它制作成母版，可以实现一次制作，多次复用的效果。02“支付宝”九宫格导航布局设计二、“支付宝”九宫格导航布局设计“支付宝”界面主要由3部分组成界面状态栏界面内容标签导航菜单界面内容采用九宫格导航方式，九宫格导航方式是一种宫格导航方式，它并非只有9个导航菜单，通过这样的导航方式，可以清晰地展现各个业务功能导航，便于用户的查找和使用。03海报轮播效果制作三、海报轮播效果制作海报轮播效果是用来动态地显示商品的广告信息。如果需要在有限的区域展示多个商品广告信息，就可以使用海报轮播效果。海报轮播设置及预览效果04“余额宝”界面布局设计四、“余额宝”界面布局设计在支付宝界面，单击九宫格导航栏的余额宝导航菜单，会进入到余额宝界面，该界面是用来显示余额宝总金额以及收益情况，可以将钱转入到余额宝，也可以进行转出。05“余额宝”界面上下滑动设计五、“余额宝”界面上下滑动设计余额宝界面内容很长，一整屏无法显示所有内容，如果想查看完整的界面内容，可以通过上下滑动余额宝界面，来查看完整的界面内容。06“支付宝”与“余额宝”切换显示效果六、“支付宝”与“余额宝”切换显示效果在支付宝页面里，单击余额宝导航菜单会进入到余额宝界面，在余额宝界面里，单击返回按钮可以回到支付宝界面里，这样可以实现支付宝界面和余额宝界面切换显示效果。支付宝与余额宝切换显示谢

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论