第一步还是打开Axure8鸭!

1.拖拽出一个图片元件

Axure学习日志之简单原型设计

2.双击图片空间,找一张已经找到的png图,最好是png哦

Axure学习日志之简单原型设计
顺便可以加一张背景图片嘿嘿
Axure学习日志之简单原型设计

3.添加其他元件

1.添加一个矩形元件
调整高度和宽度,适合做一个小框架,与中间的图片元件logo对齐
2.添加一个文本框元件
调整高度和宽度,使其在框架里显示美观,作为用户名和密码的输入框
3.添加一个文本标签
作为用户名和密码的显示文字
4.添加一个复选框
用于记住密码
5.添加其他文本标签
用于注册和忘记密码,还有一条 |
6.添加一个button按钮
用于登录
ps:拖入一个就可以,然后选中按住ctrl拖拽可以生成另一个一样的。

效果图:
Axure学习日志之简单原型设计

4.添加交互效果

选中忘记密码?
添加用例交互设置鼠标移入时,文字显示我还记得。
Axure学习日志之简单原型设计
Axure学习日志之简单原型设计
其他交互可视情况添加。

相关文章:

  • 2021-06-01
  • 2021-12-21
  • 2021-10-17
  • 2022-02-16
  • 2021-05-13
  • 2021-10-21
  • 2021-07-27
  • 2021-08-12
猜你喜欢
  • 2021-12-10
  • 2022-01-15
  • 2021-04-30
  • 2021-12-15
  • 2022-01-09
  • 2021-12-13
  • 2021-10-07
相关资源
相似解决方案