养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure:如何用表格制作用户列表页面

时间:2024-10-18 10:37:10

本篇分享下Axure中表格元件的应用:制作用户列表页面。

Axure:如何用表格制作用户列表页面

工具/原料

联想台式电脑

Windows10操作系统

AxureRP9

方法/步骤

1、打开Axure文档,增加一张Page并命名:用户列表。

Axure:如何用表格制作用户列表页面

2、用“矩形”元件作为整个页面外框。

Axure:如何用表格制作用户列表页面

3、用“矩形”元件作为页面框顶部背景。

Axure:如何用表格制作用户列表页面

4、通过“图片”元件插入系统Logo。

Axure:如何用表格制作用户列表页面

5、增加4个文本标签,具体内容见图。

Axure:如何用表格制作用户列表页面

6、增加左侧菜单栏背景区。

Axure:如何用表格制作用户列表页面

7、增加用户列表菜单层级。

Axure:如何用表格制作用户列表页面

8、用“文本框”元件制作页面路径提示栏

Axure:如何用表格制作用户列表页面

9、用“文本框”元件作为用户列表信信息展示区标题。

Axure:如何用表格制作用户列表页面

10、增加信息展示区工具栏:搜索信息输入框;用户信息选项下拉框;两个按钮:搜索、新增。

Axure:如何用表格制作用户列表页面

11、用“表格”元件展示用户信息。

Axure:如何用表格制作用户列表页面

12、点击“预览”按钮,在浏览器中可以看到效果。

Axure:如何用表格制作用户列表页面

© 一点知识