Axure项目实战:智慧城市APP(七)我的、消息(显示与隐藏交互)

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

课程主题:智慧城市APP

主要内容:我的、消息、活动模块页面

应用场景:消息页设计、我的页面设计以及活动页面设计

案例展示:

案例视频:

我的、消息、活动


正文内容:

活动页

活动页的内容比较简单,属于承载活动内容的页面,应包含活动所需的标题\图片\介绍\活动内容;案例是一个投票活动,我们需要设计投票按钮的交互,这个操作之前也有涉及,就不做详细的介绍了。

图57

消息

消息页的内容稍微复杂一点,包括三个主要内容:消息列表、单条消息操作、侧边条操作;按用户使用逻辑,长按消息后弹出操作弹窗,可以选择标记已读、删除和多选,点击多选就需要显示侧边条,以用于我们进行多选操作,在底部菜单栏上边需要有一个小的操作区用于解决我们多选消息后可能进行的删除、取消以及标记,图例如下:

图58

图59

图60

图61

图62

我的

我的页面内容比较简单,这里就不做过多的介绍了,因为不含交易,所以都是一些常规的页面元素,参考下图即可。


相关课程直通车:

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

Axure常用交互效果三------隐藏与显示_axure密码框怎么隐藏和显示-CSDN博客

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

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

相关推荐
2501_928094657 小时前
Axure RP 9 Mac 交互原型设计
交互·axure·原型设计
招风的黑耳7 小时前
告别加班!这款Axure移动端元件库,让你原型效率提升300%
axure·移动端·图表·页面设计
Axure组件7 小时前
Axure: 分组柱状图1
交互·axure·ux
招风的黑耳4 天前
Axure文件上传高保真交互原型:实现Web端真实上传体验
交互·axure·文件上传
梓贤Vigo4 天前
【Axure高保真原型】区间缩放柱状图
交互·产品经理·axure·原型·中继器
招风的黑耳4 天前
66Web端最强中继器表格元件库来了!55页高保真交互案例,Axure 9/10/11通用
交互·axure·原型·表格·中继器
Axure组件5 天前
Axure: 平滑折线图
交互·axure·ux
梓贤Vigo5 天前
【Axure高保真原型】表格增删改查(含下拉列表)
交互·产品经理·axure·原型
招风的黑耳6 天前
Axure科技感可视化原型案例:赋能设计与研发的宝藏资源
信息可视化·axure·可视化大屏·ai科技感
xhload3d6 天前
场景切换 × 流畅过渡动画实现方案 | 图扑软件
物联网·3d·智慧城市·html5·动画·webgl·数字孪生·可视化·虚拟现实·工业互联网·工控·工业·2d·轻量化·过渡动画