炫酷手机APP解锁动画和界面UI设计

当前位置:主页 > CSS3库 > UI界面设计 > 炫酷手机APP解锁动画和界面UI设计
炫酷手机APP解锁动画和界面UI设计
分享:

    插件介绍

    这是一效果非常炫酷的手机APP解锁动画和界面UI设计。这个app界面设计分为解锁界面,操作列表页面和一些子页面。用户只有在输入正确的手势之后才能从解锁界面进入到操作列表界面。它还附带了一个列表过滤功能。

    浏览器兼容性

    浏览器兼容性
    时间:2015-09-12
    阅读:
简要教程

这是一效果非常炫酷的手机APP解锁动画和界面UI设计。这个app界面设计分为解锁界面,操作列表页面和一些子页面。用户只有在输入正确的手势之后才能从解锁界面进入到操作列表界面。它还附带了一个列表过滤功能。

制作方法

该app的解锁功能使用的是patternLock插件,这个插件可以制作类似android样式的手机APP解锁效果。

在APP界面中的各种元素的动画效果使用的是animate.css,这是一个强大的CSS3动画库,可以制作出非常酷的动画过渡效果。

APP中的图标使用了ionicons,一款非常不错的字体图标库。

在该APP界面UI设计中,使用jQuery代码来实时获取和显示系统时间。并且它还附带了一个菜单列表的过滤功能,可以过滤出指定的菜单。

APP解锁界面截图效果:

手机APP解锁界面

APP菜单列表和个人介绍界面截图效果:

APP菜单列表和个人介绍界面