微信热点

Axure软件实现登录界面交互小教程

0
登录或者登记去做吧。

先上效果图先

首先在Axure里面布局好登录页面以及登录成功的页面(也就是红色的那个页面),在布局的过程中请输入账号以及请输入密码两个元件选择使用文本框元件。并编组好整个登录成功页。

在布局好界面之后选中请输入账号的元件进行命,请输入密码的文本框也是一样的需要进行命名如图,

将登陆成功页面进行编组命名,并且进行隐藏。

然后选中账号输入框进行用例设置,选择获取焦点用例进行设置,选择用例动作中的设置文本如图步骤所示进行设置。

同样的针对密码输入框进行设置,如图所示

设置好所有步骤之后进行浏览器预览,看设置的点击效果

输入框焦点设置完成之后设置登录按钮的交互,选种鼠标点击时的用例,选择用例动作显示,按如图步骤进行设置。

最终登录页面的点击交互效果就完成了。

看没有用动手是关键!!1(看完动手尝试下)

想要学习更多UI设计的亲,长按添加 微信:13548668599。备注:学习UI

交互设计笔记整理
做完这5次Axure实操,0基础不仅做出高保真,还能提升产品交互