使用axure设计出QQ登录界面交互效果的具体操作方法

Axure RP Pro

软件大小： 34.9MB

更新时间： 2024-03-04 17:06:23

所属分类： 办公工具

查看详情 直接下载

yesky

标签：

• Axure
• 原型设计

 你们知道使用axure如何设计QQ登录界面交互效果吗?以下这篇教程内容就带来了使用axure设计出QQ登录界面交互效果的具体操作方法。 

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

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

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

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

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

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

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

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

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

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

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

 按照上文为你们讲述的使用axure设计出QQ登录界面交互效果的具体操作方法，你们是不是都学会设计的方法啦!