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

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

课程主题:智慧城市APP便民服务平台

主要内容:完整智慧APP原型设计

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

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

效果视频

智慧城市APP(一)


正文内容:

整体APP介绍:为了更好的落实关于政务数据便民服务政策要求,汇聚社保中心、医保局、公交公司、发改委等相关部门公共服务数据,建立本市智慧城市便民服务平台(APP);平台打造"一个号码登录、一个服务入口、一个资源库、一个APP畅享"的四个一目标,建设政务服务、交通出行、社保服务、医疗服务、教育服务、就业服务、城市资讯、市民互动等8大功能栏目,建成后平台将为市民提供生活、出行、教育、就业等方面的便民服务事项,畅通政府与公众的沟通通道,展示城市形象新窗口。

功能要求:项目产出APP一个,需包含政务公告、公交查询、社保查询、医疗信息、教育成绩查询、就业信息、新闻资讯、市民互动八个功能;

效果要求:

  1. 政务公告、新闻资讯、就业信息、医疗信息四个功能需具有滚动式信息窗口,实现二级页面,可返回首页;
  2. 公交查询、社保查询、教育成绩查询三个功能需可跳转二级页面,三级页面,实现完整的查询结果和返回;
  3. 市民互动功能需提供录入弹窗,实现互动以及状态变更;
  4. 平台需建设注册登录入口以及密码修改重置;

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博客

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

相关推荐
金伟API10246 小时前
如何从零打造一个极简的DeepSeek-R1大模型
人工智能·ai
江畔柳前堤6 小时前
大语言模型分布式训练:从并行策略到万卡工程的系统梳理
人工智能·分布式·深度学习·算法·目标检测·机器学习·语言模型
Shockang6 小时前
智能体环路工程实战
人工智能
美摄科技6 小时前
美摄美颜特效SDK Skill:以AI赋能智能视音频新视界
人工智能
Web3_Daisy7 小时前
Pump.fun 与 FOMO 竞争背后的 Meme 市场变局
大数据·人工智能·金融·web3·区块链
AI创界者7 小时前
MiniMax-H3 本地一键部署整合包:8G 显存玩转文图生视频、视频参考、角色替换与超分补帧全流程
人工智能·深度学习
江畔柳前堤7 小时前
HBM:大语言模型时代的「算力血液」——从内存墙到带宽革命的深度拆解
服务器·人工智能·windows·目标检测·语言模型·自然语言处理·软件工程
美摄科技7 小时前
视频一键成片SDK Skill:AI智能分析与语义理解
人工智能
fthux8 小时前
装闭 RenoPit 源码解析(05):FastAPI与Celery如何执行AI装修分析
人工智能·ai·开源·github·open source·renopit
格数致用8 小时前
数据库设计与表结构详解|信息化项目全流程管理系统源码逐行精讲(五)
人工智能·政务·数据库设计·外键约束