当前位置: 首页 > news >正文

Axure项目实战:智慧城市APP(一)首页(动态面板、拖动效果)

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:智慧城市APP

主要内容:首页、政务公告、公交查询页面设计

应用场景:各类政务型、B端APP均可参考

案例展示:(图片全部采用Axure自带,没有使用互联网图片,避免侵权,看起来不美观)


正文内容:

1、首页建设

搭建APP母版,圆角矩形(360,640),并优化APP布局组成及底部菜单,增加首页、活动、消息、我的四个按钮;

图1

图2

图3

图4

制作好母版后,Page1我们命名为首页,拖入母版,开始首页制作;

图5

首页的新闻资讯需要设置成滑动,之前的课程里有涉及这部分内容,就不再重复介绍了;

图6

2、政务公告模块

政务公告模块里主要为多条公告信息,点击每一条公告可跳转至详情页;

图7

图8

图9

3、公交查询模块

公交查询模块需要具备出发地、目的地输入场景,并提供多种出行结果的推送,每一种推送结果要有对应的详细时间、路线;

这个页面涉及到的主要交互:

  1. 出发地、目的地切换交互;
  2. 出行结果菜单栏的设计、左右拖动效果设计;
  3. 根据选择结果菜单栏的选项,显示出不同的详细结果;

图10

本课小结:首页的功能图标因为时间关系没有优化,在最新的汇总课程里进行了外观优化;关于以上用到的细节交互,在下面的直通车里我挂上了链接,没有学会的可以直达学习,下节课继续更新智慧城市APP其他功能模块。


相关课程直通车:

Axure横向菜单高级交互_axure横向滑动怎么做-CSDN博客

Axure设置面板状态——元件动作二-CSDN博客

Axure常用交互效果四——移动效果-CSDN博客

如有其他相关问题,欢迎私信沟通,关注  结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!

相关文章:

  • 聚水潭商品信息集成MySQL的高效解决方案
  • React 中React.memo的作用,如何利用它进行组件性能优化?
  • Harbor镜像仓库迁移与高可用集群搭建HTTPS实现实战指南
  • 【Python】pillow库学习笔记1-Image类
  • SpringCould微服务架构之Docker(2)
  • 图解预训练模型 ELMo 和 BERT
  • 数据结构十四、哈希表
  • 监控告警+webhook一键部署
  • Json在扩展属性xdata中的应用实例——cad 二次开发c#
  • python每日十题(9)
  • 【FAQ】HarmonyOS SDK 闭源开放能力 —Push Kit(11)
  • AI小白的第七天:必要的数学知识(概率)
  • Netty实现SCPI协议通信
  • 淘宝API关键词接口详解(实战案例)
  • CMS迁移中SEO优化整合步骤详解
  • Maven 多模块项目(如微服务架构)中,父 POM(最外层) 和 子模块 POM(具体业务模块)的区别和联系
  • linux_权限
  • 开启健康养生,拥抱活力生活
  • LabVIEW远程控制通讯接口
  • 设计一个基于机器学习的光伏发电功率预测模型,以Python和Scikit - learn库为例
  • 甘德县wap网站建设公司/宁波网站推广哪家公司好
  • 网站建设沙漠风/深圳网络推广公司有哪些
  • 男女做那个能看的视频网站/西安网站建设方案优化
  • 网站样式模板/seo优化靠谱吗
  • 一个虚拟空间做两个网站/武汉seo论坛
  • 广告公司赚钱吗/seo推广 课程