玩机教程：axure怎么设计QQ登录界面交互效果

2022-08-01 06:46:00 编辑：喻强媛来源：

导读今天要来给大家介绍下axure怎么设计QQ登录界面交互效果，之所以要来给大家针对这个axure怎么设计QQ登录界面交互效果进行一个介绍的主要目的...

今天要来给大家介绍下axure怎么设计QQ登录界面交互效果，之所以要来给大家针对这个axure怎么设计QQ登录界面交互效果进行一个介绍的主要目的是现在很多小伙伴门对于axure怎么设计QQ登录界面交互效果了解是非常少的，都不知道具体的是怎么回事，那么感兴趣的小伙伴可以看下下面的介绍哦。

axure中想要设计QQ登录界面交互效果的页面原型，该怎么设计呢？下面我们就来看看详细的教程。

1、制作背景动态模板，在动态面板内新建背景图层，设置投影样式

2、制作右上角设置小图标交互样式（以设置小图标为例）；新建设置动态面板，设置动态面板正常（鼠标移出）、移入时的状态

3、复制设置动态面板，更改图标即可获得最小化、关闭动态面板的交互效果，注意：设置鼠标移入关闭动态面板时期背景色为红色，有警示作用）

4、制作鼠标移入头像时，多账号登录向右划出，移开时等待后移回原来位置的交互效果（等待图层位于头像图层下方）

5、添加账号动态面板，制作获取焦点时账号动态面板的交互样式

6、复制账号动态面板，更改图标及提示语句即可获得密码动态面板的交互样式

7、设置自动登录及记住密码的交互样式：新建复选框，命名为自动登录，选项为自动登录；新建复选框，命名为记住密码，选项为记住密码；设置当自动登录选中时，记住密码选项的值为真

8、设置忘记密码交互样式：新建动态面板，命名为忘记密码；编辑鼠标移入、移出时动态面板状态；设置移入、移出时交互方式

9、设置登录按钮交互样式：新建登录按钮，设置鼠标悬停时的按钮样式

10、设置注册账号交互样式：新建动态面板，命名为注册账号；编辑鼠标移入、移出时动态面板状态；（具体操作客参考步骤8中忘记密码交互样式的制作）

11、设置背景动态面板的居中效果，完成制作

以上就是axure设计QQ登录界面交互效果的教程，希望大家喜欢，请继续关注我们。

标签：

免责声明：本文由用户上传，如有侵权请联系删除！