创意实例：不偷看密码的登录页面

　　这个交互效果是使用Axure8制作的，模仿的一个国外网站登录页面，个人感觉非常有创意并且很可爱。

　　由于个人比较喜欢阿狸，而又发现了刚好适用的素材，所以我就用阿狸作为本次实例的素材啦。

　　素材图

　　静态界面就不教大家如何制作啦，这只是非常简单的临摹工作而已，在此就不细说了的，给大家看一下静态元素的内容。

　　在交互中，我们使用到的有：

　　【left/right hand】

　　左右手，因为在交互动画中有叠加层级的变化，所以需要独立出阿狸整体。

　　【ALI组合】

　　包含阿狸眼睛上的2条线的图片是纯为了美观而加，因为阿狸的眼睛是歇着的，但是显示/隐藏都是水平的。

　　left/right-eye：左右眼，用圆形和半圆形组合而成。

　　mouth：嘴，直接截图原来的嘴巴然后垂直翻转出来的图。

　　阿狸原图

　　我们需要制作的是2部分交互：

　　【密码框获取焦点】

　　手部置顶、阿狸组合置底、设置手部尺寸变化、移动手部、隐藏眼睛和嘴。

　　【密码框失去焦点】

　　移动手部、手部尺寸变化、显示眼睛和嘴、等待手部动画完毕、将手部置于顶层。

　　具体的数值需要根据自己制作的动画去调整，方法不难，需要耐心。

　　贵阳航洋动漫职业学校是贵阳市教育局批准(贵阳市教[2010]15号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全日制中等专业职业学校，同时也是一所实行准军事化管理的学校。

标题

学校位于贵阳市白云区数字内容产业园内，占地面积60多亩，篮球场、室内运动场、游泳池、食堂、超市等俱全，环境优雅。