欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 旅游 > Axure项目实战:智慧城市APP(一)首页(动态面板、拖动效果)

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

2025/3/29 18:38:31 来源:https://blog.csdn.net/benleiqiang/article/details/146423594  浏览:    关键词: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博客

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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词