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

第一步还是打开Axure8鸭!

1.拖拽出一个图片元件

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

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

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

3.添加其他元件

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

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

4.添加交互效果

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