当前位置:设计教程网 > UI设计 > 移动UI >

APP设计中创意十足的Loading动效

2017-08-04 10:13 来源: 设计教程自学网 分类: 移动UI
289 作者:丝路教程网

[导读] APP设计中会用很多地方会到Loading,全屏加载要Loading,下拉刷新要Loading,上滑加载也要Loading创意十足的Loading动效会给人耳目一新的感觉,会减少等待的焦灼感。所以今天分享给大家一

  APP设计中会用很多地方会到Loading,全屏加载要Loading,下拉刷新要Loading,上滑加载也要Loading…创意十足的Loading动效会给人耳目一新的感觉,会减少等待的焦灼感。所以今天分享给大家一些好玩的Loading效果,真的是创意十足,相比较高冷的GIF图,我的Loading们可是能一键复制,随意修改的源文件(所有组件都是可以修改的)哟。  即将欣赏APP设计中创意十足的Loading动效原型效果预览:

  我要怎么用?

  方法一:引用Loading组件库,编辑项目时可以从右侧公用组件库中拖拽使用。

  方法二:直接点击编辑项目Loading,找到想要的Loading效果,跨浏览器Tab复制到自己的项目中。

  备注:如果想要修改颜色再用,一定要记得切换到「原始态」进行修改哟!这样会对所有状态生效。

  动效怎么做的?

  动效都是通过组件「状态」做的。

  1. 创建状态:分析每个Loading在动画过程中会有多少种形态,就依次创建多个「状态」;

  2. 调整时间:调整状态间的动画时间和曲线(非必需,依具体效果而定);

  3. 添加事件:给每个状态添加「定时」事件切换到相应状态,连接成动画。

  小编分享的每个Loading都是由一个小动效和文案「Loading」组成的,双击后选中小动效组件可以看到它的所有状态和事件,就可以好好琢磨啦。到这里今天的APP设计中创意十足的Loading动效就结束了,喜欢的多多关注我们吧。

  推荐阅读:学UI设计,丝路教育为你设计别样人生!


免责声明:

丝路设计教程自学网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图 室内教程 | 室内软装 | 创意家居 | 室内风水设计 | 室内设计培训 | UI教程 | 移动UI | 网页UI | 游戏UI | UI设计培训 | 平面设计 | PS | AI |
点击这里给我发消息
0元免费学设计
姓名:
电话:
微信:
Q Q:
课程: