axure怎么设计QQ登录界面交互效果?

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

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

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

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

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

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

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

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

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

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

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

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

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

赞 (0)

相关推荐

  • QQ登录界面怎么修改

    QQ登录界面修改方法,让它瞬间高大上! 咋整?总不能不用QQ了吧? 嘿嘿,小编今天就教你一手撩妹的绝招,可以修改QQ登录界面上的系统文字,让它瞬间变得有逼格起来! 首先,进入QQ的安装目录,xx(安装 ...

  • 如何修改QQ登录界面上的系统文字

    如何修改QQ登录界面上的系统文字 首先,进入QQ的安装目录,xx(安装路径)\Tencent\QQ\I18N\2052\这个文件夹.用记事本打开其中名为"StringBundle.xml&q ...

  • 设计注册/登录界面时要注意的常见问题

    如何为网站设计用户登录流程是一个老生常谈的话题.随着时代的发展,新用户注册.登录到真正加入一个网站的过程一直在变化,从简单的信息填写发展到全面的注册方式,再从系统的注册回归简约直观的登录体验,新用户的 ...

  • VB中如何做出用户登录界面的效果

    vb是可视化操作软件,做出用户界面是很基础的,下面我以用户登录界面给大家进行讲解: 操作方法 01 打开vb,选择左边工具栏中的"label"标签: 02 在窗体上拖出一个标签: ...

  • 如何利用NetBeans Swing可视化设计用户登录界面

    操作方法 01 第一步,打开NetBeans开发工具,创建JFrame窗体LoginJFrame,如下图所示: 02 第二步,在设计界面,拖动两个JLabel到JFrame上,修改label显示内容, ...

  • Axure怎么设计手机短信倒计时效果?

    填写手机号码,发送短信验证码这一功能已经非常普遍了,对原型设计来说,制作出较好的类似动态效果,无论是对开发还是对测试,都会有很大的帮助. 1.首先新建一个动态面板,该动态面板要有两个状态,状态一.状态 ...

  • Axure怎么设计网页强密码验证效果?

    Axure制作的密码输入需要验证验证是否包含大写字母,小写字母,数字和特殊符号,但是Axure不支持正则表达式,所以做一些规则上的验证,嵌套很多,下面我们就来分享强密码验证效果的制作方法,请看下文实例 ...

  • 【新手指南】App原型设计：如何快速实现这6种交互效果？

    做App原型设计,那么页面切换.进度条.页面滚动.图片轮播,下拉菜单,搜索框这些交互效果必不可少.如何简单快速地实现这些效果呢?以下小编根据为大家提供了一些简单的设计方法,以供参考. 1.页面跳转 作 ...

  • 怎么设置qq登录页面皮肤

    怎么设置qq登录页面皮肤

    下面简单介绍一下方法 先看一下效果图 先将电脑的文件扩展名显示出来,方法:打开任意一个电脑的文件夹,选择"工具"--"文件夹选项"在"查看" ...