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

Axure:微信电脑版账号设置页面如何制作

时间:2024-10-23 05:48:18

今天分享下制作微信电脑版的账号设置页面的原型图制作步骤。

Axure:微信电脑版账号设置页面如何制作

工具/原料

联想台式电脑

Windows10操作系统

AxureRP9

方法/步骤

1、打开Axure文档,增加一个Page并命名为“账号设置”。

Axure:微信电脑版账号设置页面如何制作

2、新增一个矩形元件,作为设置页面。

Axure:微信电脑版账号设置页面如何制作

3、增加“设置”、最小化按钮、关闭按钮。

Axure:微信电脑版账号设置页面如何制作

4、增加菜单栏。

Axure:微信电脑版账号设置页面如何制作

5、增加分隔线段。

Axure:微信电脑版账号设置页面如何制作

6、“账号设置”菜单被选择后改变颜色,并且右侧分割线也变粗、变颜色。

Axure:微信电脑版账号设置页面如何制作

7、页面信息展示区增加图片。

Axure:微信电脑版账号设置页面如何制作

8、增加两个文本标签,输入别名与账号名称。

Axure:微信电脑版账号设置页面如何制作

9、增加一个“退出登录”按钮。

Axure:微信电脑版账号设置页面如何制作

10、点击“预览”按钮,可以看到效果图符合要求。

Axure:微信电脑版账号设置页面如何制作

© 一点知识