养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

axureQQ登录界面交互效果制作

时间:2024-09-29 05:24:28

QQ登录界面交互效果制作,效果预览如下图所示

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

工具/原料

axure

方法/步骤

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

axureQQ登录界面交互效果制作

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

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

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

axureQQ登录界面交互效果制作

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

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

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

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

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

axureQQ登录界面交互效果制作

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

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

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

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

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

axureQQ登录界面交互效果制作

axureQQ登录界面交互效果制作

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

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

axureQQ登录界面交互效果制作

© 一点知识