亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!
课程主题:智慧城市APP
主要内容:首页、政务公告、公交查询页面设计
应用场景:各类政务型、B端APP均可参考
案例展示:(图片全部采用Axure自带,没有使用互联网图片,避免侵权,看起来不美观)
正文内容:
1、首页建设
搭建APP母版,圆角矩形(360,640),并优化APP布局组成及底部菜单,增加首页、活动、消息、我的四个按钮;
图1
图2
图3
图4
制作好母版后,Page1我们命名为首页,拖入母版,开始首页制作;
图5
首页的新闻资讯需要设置成滑动,之前的课程里有涉及这部分内容,就不再重复介绍了;
图6
2、政务公告模块
政务公告模块里主要为多条公告信息,点击每一条公告可跳转至详情页;
图7
图8
图9
3、公交查询模块
公交查询模块需要具备出发地、目的地输入场景,并提供多种出行结果的推送,每一种推送结果要有对应的详细时间、路线;
这个页面涉及到的主要交互:
- 出发地、目的地切换交互;
- 出行结果菜单栏的设计、左右拖动效果设计;
- 根据选择结果菜单栏的选项,显示出不同的详细结果;
图10
本课小结:首页的功能图标因为时间关系没有优化,在最新的汇总课程里进行了外观优化;关于以上用到的细节交互,在下面的直通车里我挂上了链接,没有学会的可以直达学习,下节课继续更新智慧城市APP其他功能模块。
相关课程直通车:
Axure横向菜单高级交互_axure横向滑动怎么做-CSDN博客
Axure设置面板状态——元件动作二-CSDN博客
Axure常用交互效果四——移动效果-CSDN博客
如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客
明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!