蓝蓝设计，2011年成立，主创清华团队，专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI，好好学习，天天进步！
动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效有哪些常见的用法》这篇文章中，我们探讨了动效对于交互和用户的重要意义，动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效，这也是近年动效设计的热点之一。
正是由于Material Design 和苹果所引领的动效设计风潮，许多曾经有过的设计技巧和元素正在逐步回归，而悬停特效就是其中之一。但是相比于曾经那些闪烁弹跳的特效，现如今的光标悬停特效来的更加微妙，更加强调功能性和体验。
和其他动效相似，光标悬停特效让交互的引导性更强，有的还带有预览的作用，它的使用范围非常广，大到全屏，小到提示和导航元素，不一而足。
接下来，我们通过实战案例看看，光标悬停特效目前有哪些创新的玩法。
先忽略动效，提出几个问题，大家可以尝试以前面学习的经验来思考一下。
OK，如果仅前2个问题来说，用“笨”方法都是很简单，到第3之后，就有点坑了，是要复制N个重复Patchs？简直要疯掉有木有～ 当然Origami 没这么傻，是有专门的Patch 解决这样的情况的，这就是今天学习的重点，Loop 系列的Patch，效果类似 Craft 的 Duplicete
好在找到了问题症结，也就有了下一阶段努力的方向，现在我将自己对于交互设计师所需要打下的知识能力基础，更系统更体系化地分享给大家，希望能对那些跟我有同样困惑和问题的同行有些许帮助。
如何利用动效提升用户体验
动画可以讲述故事。不是很长很复杂而是很简单的故事，而像是 "嘿，你现在要看看这个！" 或 "哇，你竞争成功了！"。然而，动效的目的不是娱乐用户，而是帮助他们理解发什么什么事，或者如何有效的使用你的软件。在Zurb的叙述中很清晰的表明了：
