浏览器
双核浏览器
游戏浏览器
高速浏览器
视频浏览器
IE浏览器
浏览器周边
手机浏览器
安卓游戏
音乐舞蹈
养成游戏
儿童游戏
仙侠手游
角色扮演
策略塔防
休闲益智
动作冒险
飞行射击
模拟经营
体育运动
赛车竞速
网络游戏
安卓软件
资讯阅读
生活服务
影音播放
购物理财
效率办公
趣味娱乐
交通出行
学习教育
摄影图像
在线音乐
系统工具
网络购物
聊天工具
安全杀毒
图片编辑
新闻资讯
软件资讯
游戏资讯
手机教程
手游攻略
游戏攻略
软件教程
IE专区
安卓专题
文章合集
电脑软件专题
安全软件
杀毒软件
系统安全
加密解密
防火墙
远程控制
木马查杀
影音软件
网络电视
视频播放
音乐播放
视频制作
音频编辑
录音录像
教育学习
外语学习
教育管理
早教启蒙
在线课堂
成人教育
资格考试
聊天社交
即时通讯
视频聊天
在线交友
变声器
表情包
办公软件
线上会议
文档管理
行业管理
考勤打卡
应用工具
输入法
下载工具
时钟日历
记事本
文件管理
计算器
编程开发
编程工具
JAVA相关
加壳脱壳
编程控件
数据库
网页源码
软件开发
补丁制作
系统美化
桌面制作
壁纸大全
系统主题
屏幕保护
桌面辅助
系统软件
系统优化
备份还原
系统检测
U盘工具
磁盘工具
驱动补丁
图文处理
图片素材
图像处理
图片制作
图片压缩
电子相册
抓图工具
其他软件
电子书籍
模拟器
辅助工具
交通出行
手机管理
其他工具
素材下载
字体素材
PPT素材
专区
文章合集
软件
游戏
浏览器
安卓专题
软件
游戏
浏览器
IEfans/ 新闻资讯/ 软件教程 /使用axure设计出QQ登录界面交互效果具体操作方法

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

2023-03-10 22:38:02 编辑:匿名

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关推荐

软件更新