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

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

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

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

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

案例展示:

本案例视频:

新闻资讯


正文内容:

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

分解步骤:

图45

图46

图47

图48

图49

图50

就业信息模块

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

案例效果

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

图44

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


相关课程直通车:

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

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

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

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

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

相关推荐
2501_928094657 小时前
Axure RP 9 Mac 交互原型设计
交互·axure·原型设计
招风的黑耳7 小时前
告别加班!这款Axure移动端元件库,让你原型效率提升300%
axure·移动端·图表·页面设计
Axure组件7 小时前
Axure: 分组柱状图1
交互·axure·ux
参宿四南河三9 小时前
Kotlin的Flow用法(实例加长加倍版)
app·响应式编程
招风的黑耳4 天前
Axure文件上传高保真交互原型:实现Web端真实上传体验
交互·axure·文件上传
梓贤Vigo4 天前
【Axure高保真原型】区间缩放柱状图
交互·产品经理·axure·原型·中继器
招风的黑耳4 天前
66Web端最强中继器表格元件库来了!55页高保真交互案例,Axure 9/10/11通用
交互·axure·原型·表格·中继器
Axure组件5 天前
Axure: 平滑折线图
交互·axure·ux
梓贤Vigo5 天前
【Axure高保真原型】表格增删改查(含下拉列表)
交互·产品经理·axure·原型
QING6186 天前
使用扩展函数为 AppCompatTextView 提供了多段文本点击区域设置功能
android·kotlin·app