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

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

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

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

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

案例展示:

本案例视频:

新闻资讯


正文内容:

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

分解步骤:

图45

图46

图47

图48

图49

图50

就业信息模块

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

案例效果

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

图44

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


相关课程直通车:

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

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

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

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

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

相关推荐
i仙银3 天前
鸿蒙沙箱浏览器 - SandboxFinder
app·harmonyos
洛卡卡了5 天前
首页扛不住了?先别重启,我来点骚的
面试·架构·app
iOS阿玮6 天前
苹果审核对于4.3a的态度,只是包容性强, 不代表没脾气!
uni-app·app·apple
共享ui设计和前端开发人才9 天前
UI前端与数字孪生融合案例:智慧城市的智慧停车引导系统
前端·ui·智慧城市
SkyrimCitadelValinor9 天前
Axure RP 10 预览显示“无标题文档”的空白问题探索【护航版】
产品经理·axure
神策技术社区10 天前
iOS 全埋点点击事件采集白皮书
大数据·ios·app
J船长10 天前
gRPC 与传统 REST API 的区别与实践详解
app
AxureMost10 天前
Axure设计设备外壳 - AxureMost 落葵网
axure
吹牛不交税10 天前
Axure RP Extension for Chrome插件安装使用
前端·chrome·axure
rs勿忘初心11 天前
有哪些好用的原型设计软件?墨刀、Axure等测评对比
axure·墨刀·原型设计软件