动效设计

为什么需要动效落地？当你听到这些声音：希望你的动效快点落地、开发实现动效效果不好、你的动效到底怎么落地？你动效牛逼有啥用，开发不会做…… 所以要实现动效果落地。 文章目录： 01. 格式对比 02. ...

前言：动效质感最直接的表现就是对动效速度与节奏的微妙把控。动效不仅仅炫酷有趣，能够生动的展示界面间的转换，还可以清晰地表达层级的关系，及时有效的界面内的元素。给用户带来自然、高效和顺畅的体验。有好的动...

前言：在市面上，大多数好的APP都可以看到细微的交互动效，动效设计已经是UI设计师必须会的技能，那么，APP动效设计如何做得流畅又实用？本文将分享UI设计师必须知道动效规则，并用”对...

动效是用户体验的重要组成部分，也是产品调性的重要体现。如今动效设计也有了更多的解决方案，如 Framer、Principle、Flinto、Protopie 等，这些软件在制作交互原型时，确实有更轻量...

今天分享一个元素周期运动表，这个并不是化学元素，你可以理解为「元素运动规律」，因为这个元素表是由一些常用动效组成，并且每个动效的实现都有一个理论依据，而不是凭空想象出来。动效有弯曲、偏移、流动线、噪波...

迪士尼动画的12条原则是设计师必须要掌握的经典指导性原则，是由Ollie Johnston和Frank Thomas在他们的书《The Illusion of Life》中提出来的观点（译者注：这本书...

一个新的设计风格的确立一定会提出他特有的设计原则。而如今设计原则越来越多的关注到了动效的定义。甚至在Android L的Material Design中直接将动效写入的设计原则中：Motion pro...

扁平化的兴起，现在越来越流行动效设计，特别对于移动端，对交互动效要求是很高的，今天为大家整理一些以展示动效为主的网站，对交互设计师来说是很好的灵感发源地。

互联网时代，网络“提速”日益频繁，人们打开Web或软件的速度越来越快，一般页面缓冲和加载地过程也是几不可查。然而，在某些情况下，例如软件急需加载大量页面，首页急需加载大量内容，用户下载文件过大，甚至是...

今天为大家分享的是「动效设计」。和听觉语言、视觉语言一样，动作也是语言的一种，可以在有限的空间内传递更多信息，轻松传达静态元素难以传达的内容。

一个优秀的APP交互动画不仅仅是弦，而且要实用，有的还要考虑手机的性能等因素，所以想做一个好的交互不并容易，今天摘选自Ramotion公司的一些项目交互作品，交互效果很棒，值得欣赏学习。

在B端产品的设计过程中，我深切体会到动效能在很多体验领域起到四两拨千斤的作用。于是我将自己这些年来做动效的思考，结合B端产品的一些固有特点，来和大家聊一聊动效设计在B端产品体验设计中的意义。[R...

去年我们发布了 Gyroscope 以来，许多人问过我们做动画用的什么 JavaScript 库，我们也曾想过将它公布于众，但实际上那并不是奥妙所在。

无论是网站还是APP UI设计，适当的适用交互动效，会使得你的界面更有吸引力，甚至令人着迷，现在使用交互动画已经越来越流行，如果你不加点动效上去，哪么你就真的凹凸曼了。

虽然只是一个简单的下拉刷新动效设计，但是设计思考的时候，你只是想换个展示的图案呢，还是只想提高一些趣味性就ok了呢，还是说可以再深入点思考，从表到里的展示出品牌故事特性，加深用户对品牌的印象？~最后希...