【原创教程】用Axure制作登陆页交...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
5525 0 9 2017-06-01

交互效果教程

hello大家好,我是志豪。

今天教大家用axure制作登陆页交互。

图文解析在后。

AXURE  砍半原则

Image title


双击小方块,将黄色小方块变为白色小方块,添加图片会按照当前图片大小适配。

Image title


选择文本框 拖拽  建立账户输入框

Image title


关闭填色 

右键隐藏边框

Image title


命名控件  方便设置效果选择

Image title


CTRL复制   密码输入框  命名控件

Image title


命名所在页面名称  例子(登录页 首页)

Image title


可以添加一个图片作为咱们的首页面

Image title


添加登陆按钮图像热区(可触摸面积)

修改热区大小Image title

鼠标单击时

添加条件

Image title


添加条件 当账号密码正确的情况下

进入下一个页面

账号888密码666    可任意设置
Image title

当账号密码等于设置(正确的账号密码时链接(跳转到下一个页面))

Image title


样式(设置字体  大小 颜色)

Image title


密码设置为密文状态

Image title


提示账号密码错误

设为隐藏

命名该内容

Image title


添加用例2

设为;显示错误提示

Image title



等待2000毫秒(2秒)

Image title


等待2秒(再次隐藏)

志豪笔记(完成)

欢迎关注UI设计晚8点

Image title

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票