在本期象牙绘UED团队分享当中,我们将详细演示用AE如何制作如下三个loading动效, 其中涉及到AE表达式的应用.值曲线调整.速度曲线编辑等知识. 对于初学者来说可能信息量略大,希望通过是视频教程能让大家更清楚流程,另外,还附赠源文件给大家作为参考, 该动效已被象牙绘官网和app应用,请勿商用. 视频如下: 第一段双子球动画,重点在于正弦函数的协调运动,我们为小球添加的运动表达式为 球一: tempx=position[0]+14*Math.sin(time*2*Math.PI);[temp…
最终效果如下 从效果上看,我们需要考虑以下几个问题: 1.叶子的随机产生: 2.叶子随着一条正余弦曲线移动: 3.叶子在移动的时候旋转,旋转方向随机,正时针或逆时针: 4.叶子遇到进度条,似乎是融合进入: 5.叶子不能超出最左边的弧角: 7.叶子飘出时的角度不是一致,走的曲线的振幅也有差别,否则太有规律性,缺乏美感: 总的看起来,需要注意和麻烦的地方主要是以上几点,当然还有一些细节问题,比如最左边是圆弧等等: 那接下来我们将效果进行分解,然后逐个击破: 整个效果来说,我们需要的图主要是飞动的小叶…
http://blog.csdn.net/tianjian4592/article/details/44538605 前两天我们这边的头儿给我说,有个 gif 动效很不错,可以考虑用来做项目里的loading,问我能不能实现,看了下效果确实不错,也还比较有新意,复杂度也不是非常高,所以就花时间给做了,我们先一起看下原gif图效果: 从效果上看,我们需要考虑以下几个问题: 1.叶子的随机产生: 2.叶子随着一条正余弦曲线移动: 3.叶子在移动的时候旋转,旋转方向随机,正时针或逆时针: 4.叶子遇到…
.loading {margin: 100px;     width: 3px; height:3px;     border-radius: 100%;                      /* 圆角 */     box-shadow: 0 -10px 0 1px #333,           /* 上, 1px 扩展 */                 10px 0px #333,                /* 右 */                     0 10px…
Principle for Mac是一款新开发的交互设计软件.相比 Pixate 更容易上手,界面类似 Sketch 等做图软件,思路有点像用 Keynote 做动画,更「可视化」一些. 如果您还没有合适的或者喜欢的交互原型设计软件,可以考虑一下这一款Principle for Mac! 一.背景 1.为何要做动效?做动效的好处! 做动效有以下显而易见的优势和使用场景: [检测]验证年头效果和可行性:“原来我设想的效果行不通/行得通!” [沟通]说服相关方接纳/放弃某方案:“这样做真的合适/不合…
众所周知,一个元素,动往往比静更吸引眼球: 一套操作界面,合适的动态交互反馈能给用户带来更好的操作体验: 一个H5运营宣传页,炫酷的动画特效定能助力传播和品牌打造. 近两年,小到loading动画,表单动效,大到各式各样H5运营页的炫酷展现,“动效设计”一词可谓是火遍大江南北,而动效设计早已成为一名合格设计师必需有所知晓的领域.本文将通过一些案例,和大家一同挖掘几种常见的H5动效制作手法. 我们由浅入深来挖掘这动效制作的秘密,一个入门级的小问题:看上图这几个动画例子,大家是否能说出这动画是如何制…
互联网时代,网络“提速”日益频繁,人们打开Web或软件的速度越来越快,一般页面缓冲和加载地过程也是几不可查.然而,在某些情况下,例如软件急需加载大量页面,首页急需加载大量内容,用户下载文件过大,甚至是网页软件信息处理急需时间等等,难免会出现需要用户等待的时候. 那么,在这些情况下,UI/UX设计师应该如何设计Web和软件,才能让用户心甘情愿的等待,而不是直接离开呢?答案很简单.美观,有趣,又实用的加载动画,不仅能够有效地减缓用户负面情绪,让用户挺留更长的时间,而且还能极大地加深用户对Web,软件…
原文:WPF与缓动(三) 指数缓动 WPF与缓动(三) 指数缓动                                                                             周银辉指数缓动给人的感觉是加速度很大.它的原始公式来自:P(t) = Math.Pow(2,   10*(t-1));与其他缓动一样,我在这里就直接给出其核心代码了:  //指数缓动        protected override double GetCurrentValueC…
iOS精选源码 view controller transition and popover (控制器转场和弹窗) UITableView头部悬停+UITableView侧滑嵌套 一行代码集成时间选择器 iOS仿滴滴时间选择picker BMMusicPlaye,使用ASDK,爱奇艺tabbar动画,网易云音乐播放器动效 圆环取色剂 iOS 一个轻量级的组件化思路 JHVerificationCodeView - 验证码输入框,验证码,code view,iOS验... 主流APP都有使用的Lo…
上一篇编写了一个简单的插件,让大家对插件的简单制作有个了解,这一篇我们在更深一步,当我们激活插件后后台会显示菜单出来,然后通过单击菜单显示自己定义好的信息.激活之后会在WordPress后台显示一个菜单,下面会有多个子菜单,如下图: 1. 在WordPress后台添加一个同级主菜单,在主菜单下添加子菜单 // add_menu_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $posit…