Axure8原型设计实战案例:如何设计用户管理,手把手带你学习

使用Axure设计用户管理,也是最常用的产品设计功能之一,产品设计都会碰到,怎么设计?方便提需求的人和开发人员,能够快速理解需求呢,下面一一讲解。

一、用户管理设计效果

1.1用户管理的列表界面

1.2用户管理中,添加用户界面(修改界面类似)

1.3用户管理中,删除用户的弹框

1.4查看用户信息

二、用户管理各界面,设计使用元素和配置参数详解

用户管理菜单下,在Axure中只有一个页面,添加用户弹框和删除用户弹框都是通过动态面板Dynamic Panel实现。

2.1用户管理的列表界面

用户管理的列表界面,设计时,思路很重要,那块区域用什么实现,例如添加用户,查看用户和删除使用Dynamic Panel实现;组合查询条件使用组Group实现,思路如下图所示,为什么用这些,不清楚的,可以在博客下方留言。

思路清楚后,我就不一一在说明了,需要再细化的,就在博客下方留言,我抽空再写一篇博客,分享给大家。

2.2用户管理中,添加用户界面(修改界面类似)

添加用户的点击事件,如下图:

添加用户还需要用到state,如下图所示,细节就不一一举例,不清楚,随时留言。

下面说一下取消,完成和完成并继续添加这3个按钮的配置:

2.3用户管理中,删除用户的弹框

2.4查看用户信息

 

添加用户举例比较详细,删除和查看用户信息,只截图,让大家看看,如果不清楚的,随时在博客下方留言。

猜你喜欢

转载自blog.csdn.net/jlq_diligence/article/details/105757151