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

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

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

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

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

案例展示:

本案例视频:

新闻资讯


正文内容:

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

分解步骤:

图45

图46

图47

图48

图49

图50

就业信息模块

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

案例效果

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

图44

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


相关课程直通车:

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

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

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

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

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

相关推荐
菌菇汤7 分钟前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
一只鹿鹿鹿9 小时前
信息化项目验收,软件工程评审和检查表单
大数据·人工智能·后端·智慧城市·软件工程
PMEcho15 小时前
墨刀监听变量实战:1个案例搞定高保真交互原型(附教程)
axure·变量·函数·交互设计·墨刀·原型设计·条件判断·高保真原型·监听·高级交互·高保真交互原型
CYRUS_STUDIO10 天前
手把手教你用 Chrome 断点调试 Frida 脚本,JS 调试不再是黑盒
android·app·逆向
CYRUS STUDIO12 天前
逆向某物 App 登录接口:还原 newSign 算法全流程
android·python·安全·app·逆向·app加固·脱壳
kymjs张涛12 天前
前沿技术周刊 2025-06-23
android·ios·app
iOS阿玮12 天前
苹果卡审产品加急审核后,遭遇3.2f其实是解脱。
uni-app·app·apple
小喷友12 天前
Flutter 从入门到精通(水)
前端·flutter·app