阅读时间 10~15min 项目背景 项目中为了优化用户体验加入了几处微交互动画，过期的流程都是设计输出合成的雪碧图，前端通过序列帧实现动画效果，如下图动画效果： 序列帧： 动画效果： 序列帧： 帧动画…

一：动效设计的过程 动效设计在如今的UI设计和网页设计中起着举足轻重的作用。它能够增强用户的体验，使设计更加生动有趣。在本文中，我们将通过一个案例来展示如何进行动效设计。 二：如何进行动效设计 首先，我们需要明…

学习ui设计，想成为优秀的ui设计师，我们必须要有足够的ui知识和熟练使用各类设计软件。那么ui设计软件有哪些呢？ 学习ui设计的工具软件推荐： photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash 1、photoshop 给各位建议还是使…

一方面，Adobe 选择将 XD 免费，我们不用再使用盗版也可以持续获得最新版本更新；另一方面，开放了对第三方插件的支持，用传闻 1000 万刀的奖励来鼓励第三方开发者开发插件，力求弥补了面对 Sketch 时最大的软肋…

After Effects简称“AE”是一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室,属于层类型后期软件。使用AE能快速高效的制作出很多酷炫的UI动效，包括非常吸引眼球的动效图…

动态效果意味着充满生命和兴奋，为静态事物增添生命。然而，在软件方面，动态效果不仅是为了获得乐趣，也是为了解决问题。 作为人类，我们习惯于看到世界在我们周围移动。如果任何软件有连贯的动画，它都会感到…

讲解方式： 本课程采用由浅入深，逻辑递进，由框架到细节层层抽丝剥茧的方式，让大家了解After Effects这款软件。 课程亮点： 1，课程由浅到深，由原理到实践，适合零基础入门学习。 2&…

Principle for Mac是一款新开发的交互设计软件。相比 Pixate 更容易上手，界面类似 Sketch 等做图软件，思路有点像用 Keynote 做动画，更「可视化」一些。 如果您还没有合适的或者喜欢的交互原型设计软件，可以考虑一下这一款Princip…