Axure项目实战:智慧城市APP(五)新闻资讯、就业信息(动态面板)

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

课程主题:新闻资讯、就业信息

主要内容:应用动态面板实现新闻动态内容、就业岗位页面

应用场景:动态页面、区域动态内容

案例展示:

本案例视频:

新闻资讯


正文内容:

新闻模块从设计角度上来看,包含了较多的资讯信息条和重点资讯两个内容组成,从功能上看,分为新闻资讯和热点焦点;新闻资讯从阅读的视角,采用图与标题链接的方式,配合动态效果,达到最佳的阅读体验;

分解步骤:

图45

图46

图47

图48

图49

图50

就业信息模块

就业信息包括职位搜索、职位菜单、招聘职位三个功能,提供职位的关键词搜索服务,可选职位服务和招聘职位信息服务;在Axure实现上,需要做到通过搜索能查询到结果,输出结果页,通过职位菜单选择职位后,出现选择结果;根据用户选择的不同,需要呈现出不同的结果。

案例效果

实现步骤:比较简单,直接输出内容

图44

**本课小结:**本模块主要应用了显示与隐藏、设置选中交互效果,在搜索/选择职位结果实现上应用了动态面板State;


相关课程直通车:

Axure重要元件一------动态面板_axure面板-CSDN博客

Axure常用交互效果六------滚动效果_axure动态面板滚动效果-CSDN博客

Axure使用动态面板制作新闻栏目高级交互_axure动态面板灯箱效果-CSDN博客

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

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

相关推荐
kango11 小时前
iOS 远程推送全链路拆解:从 deviceToken 到多账号绑定
ios·app
茶底世界之下19 小时前
仙人掌与沙丘的傍晚:用 Awaking 让侧光有了层次
ios·app·产品
茶底世界之下2 天前
蓝调鱼市的一盏暖灯:用 Awaking 把冷海与灯光分开
ios·app·产品
茶底世界之下3 天前
窗边白雏菊与旧书:用 Awaking 留住一束暖光
ios·app·产品
茶底世界之下4 天前
阴天海边的蓝船:用 Awaking 把灰蓝调成清亮主角
ios·app·产品
小年糕是糕手4 天前
【AI】用 AI 做自己的个人网站(上):选模板、写提示词,做出第一版
人工智能·app·网页开发·codex·index·styles·0基础教程
茶底世界之下5 天前
雨后街口的斑马线:用 Awaking 把颜色让给光与步伐
ios·app·产品
茶底世界之下6 天前
晨雾河岸的旧书摊:用 Awaking 给木色一点暖光
ios·app·产品
茶底世界之下7 天前
山间站台不必转暖:用 Awaking 留住冷光与红箱
ios·app·产品
茶底世界之下8 天前
阴天花摊不必变暖:用 Awaking 留住花色与湿街
ios·app·产品