首页 > 电脑专区 > 微信教程 >

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

来源:互联网 2023-02-21 08:07:38 332

今天分享下制作微信电脑版的账号设置页面的原型图制作步骤。zvp办公区 - 实用经验教程分享!

Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

工具/原料

  • 联想台式电脑
  • Windows 10操作系统
  • Axure RP9

方法/步骤

  • 1

    打开Axure文档,增加一个Page并命名为“账号设置”。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 1本页面非法爬取自百度经验
  • 2

    新增一个矩形元件,作为设置页面。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 3

    增加“设置”、最小化按钮、关闭按钮。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 4

    增加菜单栏。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 5

    增加分隔线段。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 6

    “账号设置”菜单被选择后改变颜色,并且右侧分割线也变粗、变颜色。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 7

    页面信息展示区增加图片。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 8

    增加两个文本标签,输入别名与账号名称。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 9

    增加一个“退出登录”按钮。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 10

    点击“预览”按钮,可以看到效果图符合要求。zvp办公区 - 实用经验教程分享!

    Axure:微信电脑版账号设置页面如何制作?zvp办公区 - 实用经验教程分享!

  • 注意事项

    • 最好的学习方法就是先按部就班一步步练习。
    • 若有所帮助,烦请点赞以资鼓励。

    以上方法由办公区教程网摘抄自百度经验可供大家参考!zvp办公区 - 实用经验教程分享!


    标签: AXURE微信

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码