Axure项目实战：智慧城市APP（一）（动态面板、拖动效果）
亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！
课程主题：智慧城市APP便民服务平台
主要内容：完整智慧APP原型设计
应用场景：各类政务型、B端APP均可参考
案例展示：（图片全部采用Axure自带，没有使用互联网图片，避免侵权，看起来不美观）
效果视频
智慧城市APP（一）
正文内容：
整体APP介绍：为了更好的落实关于政务数据便民服务政策要求，汇聚社保中心、医保局、公交公司、发改委等相关部门公共服务数据，建立本市智慧城市便民服务平台（APP）；平台打造“一个号码登录、一个服务入口、一个资源库、一个APP畅享”的四个一目标，建设政务服务、交通出行、社保服务、医疗服务、教育服务、就业服务、城市资讯、市民互动等8大功能栏目，建成后平台将为市民提供生活、出行、教育、就业等方面的便民服务事项，畅通政府与公众的沟通通道，展示城市形象新窗口。
功能要求：项目产出APP一个，需包含政务公告、公交查询、社保查询、医疗信息、教育成绩查询、就业信息、新闻资讯、市民互动八个功能；
效果要求：
- 政务公告、新闻资讯、就业信息、医疗信息四个功能需具有滚动式信息窗口，实现二级页面，可返回首页；
- 公交查询、社保查询、教育成绩查询三个功能需可跳转二级页面，三级页面，实现完整的查询结果和返回；
- 市民互动功能需提供录入弹窗，实现互动以及状态变更；
- 平台需建设注册登录入口以及密码修改重置；
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博客
明天的产品大咖就是你，创作不易，麻烦关注一下，点赞+收藏，感谢大家！