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

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

课程主题:智慧城市APP

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

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

案例展示:

案例视频:

我的、消息、活动


正文内容:

活动页

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

图57

消息

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

图58

图59

图60

图61

图62

我的

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


相关课程直通车:

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

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

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

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

相关推荐
共享ui设计和前端开发人才9 天前
UI前端与数字孪生融合案例:智慧城市的智慧停车引导系统
前端·ui·智慧城市
SkyrimCitadelValinor9 天前
Axure RP 10 预览显示“无标题文档”的空白问题探索【护航版】
产品经理·axure
AxureMost10 天前
Axure设计设备外壳 - AxureMost 落葵网
axure
吹牛不交税10 天前
Axure RP Extension for Chrome插件安装使用
前端·chrome·axure
rs勿忘初心11 天前
有哪些好用的原型设计软件?墨刀、Axure等测评对比
axure·墨刀·原型设计软件
三月的一天12 天前
React Three Fiber 实现 3D 模型视图切换、显隐边框、显隐坐标轴
3d·智慧城市
5G行业应用15 天前
【赠书福利,回馈公号读者】《智慧城市与智能网联汽车,融合创新发展之路》
人工智能·汽车·智慧城市
ykjhr_3d15 天前
智慧城市蓝图与数字孪生体系构建
人工智能·智慧城市·数字孪生
共享ui设计和前端开发人才15 天前
UI前端与数字孪生结合案例分享:智慧城市的智慧能源管理系统
前端·ui·智慧城市
AxureMost19 天前
Axure-9高级教程:Axure函数使用手册-免费
交互·axure