快好知 kuaihz订阅观点

 

Axure教程:登录框交互特效

今天分享一个登录框的交互显示特效~

一、效果显示

二、制作过程

首先,我们创建一个动态面板,新增2个面板,分别为“default:默认显示灰色边框”,“onclick:点击后显示的蓝色框”。

Default面板

onclick面板

onclick面板,可以看到是由2个元素组成,蓝色的边框和一个白色的色块,白色色块的作用是用于点击后,使文字显示区域的背景为白色。

下一步,我们在动态面板上一层,输入“电子邮件或手机号码”的字段,并且命名为电子邮件或手机号码:

下一步,创建交互动作,点击动态面板,选择“获取焦点时”,在弹出页面添加“设置文本”、“移动”、“设置面板状态”3个动作。

设置文本设置

移动设置

动态面板设置

完成动态面板获取焦点后的效果,我们继续对动态面板失去焦点后恢复原样的效果进行设置,参数与获取焦点时相同。

完成以上设置,F5进行预览。

下载地址

https://pan.baidu.com/s/1pogT73PV9KaquB_FfBouSA

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:交互  交互词条  特效  特效词条  登录  登录词条  教程  教程词条  Axure  Axure词条  
原型

 Axure教程 | 知乎注册与登...

知乎——与世界分享你的知识、经验和见解。这是知乎精神,今天我们来分享一下它的注册与登录界面原型,小小功能却是最常见的应用场景。可以到知乎网站zhihu.com直...(展开)

原型

 如何正确的画出功能逻辑图?

当我们需要设计任务型功能的时候,除了基础的线框图和交互,更需要提前搞清楚整个功能的内部逻辑流程,简称功能逻辑图。举几个大家熟悉的任务型功能作为例子,方便大家理解...(展开)

原型

 Axure案例:QQ音乐播放界面

本文通过讲解制作QQ音乐交互原型的过程,了解如何实现旋转、计时器以及拖动等常见的交互效果。案例中综合运用了动态面板的循环、状态改变、拖动、文本改变以及旋转等事件...(展开)