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

 时间:2024-10-23 07:38:37

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

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:微信电脑版账号设置页面如何制作

小米笔记本怎么设置指纹解锁 怎样用flash cs3制作下雨效果 idea2018如何安装及删除插件? 注册一家投资类公司具体有哪些要求 css3如何设置div边框图像
热门搜索
精装房图片 小可爱的图片 汉堡包的图片 椅子图片大全 钟欣桐图片