动效 | 优设网

做好直接用！动效神器 Lottie 基础入门教学

今天来给大家介绍一款可以将 AE（Adobe Effect）文件导出 json 格式，实现 0 开发成本，提高沟通效率的工具 —— Lottie。

2020-02-27 Sophia的玲珑阁 AE动效 Lottie

比阿里犸良还强大！Lottie动效设计完全指南

之前的文章已经介绍了 Lottie 是什么，以及如何导入设计文件，那么今天就为大家讲解如何根据我们的需要导出 Lottie 文件。

2019-08-18 懿凡设计 AE动效 Lottie

腾讯高级设计师：交互知识树系列之平台规范

说到设计规范，这可能是很多设计师会忽略的一个东西，或者就算注意到了，也并没有引起足够的重视，今天咱们就来讲讲，为什么设计规范甚至是平台规范对我们来说...

2018-06-09 WingST 交互设计 动效

用一篇文章，帮你掌握基础实用的动效技能

对如今的 UX 设计师来说，会点动效基本已是常规操作了。作为 UX 设计师，动效可以辅助的产出可以涵盖界面交互动效、项目宣传 MG动画、产品吉祥物表情包、年终汇报 P...

2018-05-06 Nana AE动效 UI动效

内部教程！超详细的支付宝设计规范之交互篇

支付宝设计规范往期回顾：《内部教程!超详细的支付宝设计规范之图形图案篇》《内部教程?

2018-04-13 Alipay Design 交互设计 产品设计规范

细节大揭秘 全部细节

这样可以互动的签到，你见过没？

微交互樊登读书iOS

「微博」看视频有干扰？一键清理没烦恼

用户体验新浪微博 iOS

给你一只耳机，在「网易云音乐」一起听同一首歌~

好功能网易云音乐Andriod

在「网易云音乐」如何一键将当前音乐收藏至指定歌单？

手势交互网易云音乐Andriod

超全面的 APP 动效设计必备知识总结

如今丰富细腻的 App 动效遍布移动端优秀应用界面中，为用户提供了良好的动态沉浸式体验，动效设计在产品研发过程中也越来越被认可和重视。通过本文，你将轻松了...

2018-04-10 彭彭交互体验 动效

最全最好用的动效落地方法，都帮你总结好了（下）

上篇内容回顾：《最全最好用的动效落地方法，都帮你总结好了（上）》接下来进入下篇。主题是：从 Web 前端的角度来讲，有哪些便捷的方法实现这些动效?

2018-04-05 绿lvgreen 动效 动效设计

最全最好用的动效落地方法，都帮你总结好了（上）

用户体验设计的发展日趋完善，优秀的动效是完善用户体验中不可或缺的一环，优秀的界面动态设计可以让产品的用户体验锦上添花…… 你会说，这些道理我都懂，但是...

2018-04-03 绿lvgreen 动效 动效设计

7个实用技巧，让你的动效变得更优秀！

本篇文章不长，但是干货满满，希望能给大家带来一些实际帮助。下面进入译文。

2018-03-13 彩云译设计动效 动效设计

阿里设计师：如何用动效创新方法解决产品问题？

一、前言 B类产品设计过程中会遇到各种各样的问题，不同问题有不同的解法。有的问题不适合用动效去解决，盲目无意义的动效不仅浪费设计师及开发成本，更会降低...

2018-03-02 阿里巴巴UED 动效 动效设计

超实用！12 条提高产品可用性的动效设计原理（附案例）

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理，每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子，顺手打开就能体验...

2017-06-05 程远动效 动效设计

超全面干货！如何制作符合场景的交互动效？

@野子Joey ：动效如今被广泛的使用在界面设计中。但如何合理使用实效，而不是让动效干扰用户，却少有总结的经验。

2017-03-20 程远动效 动效设计

新手想进阶技能？超酷炫的动感特效轻松get！

lionisready：新手设计师相较于资深设计师，后者技能更丰富且全面，很多人想要进阶资深却苦于培养新技能，笔者在经手不少视频动效项目后，对于技能进阶颇有心得，...

2017-02-21 程远动效 动效设计

动效在UI设计中有哪三个关键用途

随着技术和硬件设备性能的提升，动效已经不再是视觉设计中的奢侈品。动效不仅仅是华丽的动态效果，它首先帮助设计师和用户解决了许多界面功能上的问题，让这用...

2017-02-21 陈子木 ui设计 动效

腾讯超全干货！如何让你的动画更自然？

大熊：本文将从为什么要探究更自然的动画、如何探究运动曲线方程、列举常用的运动曲线、分别使用js和css实现曲线动画效果、可视化实现工具这几个方面进行介绍。...

2017-02-17 程远动效 动效设计

用这个方法，轻松提高H5动画的开发效率！

Janilychen：以往做一些H5的运营项目，都是动画设计师使用Animate cc（原来的Flash）先设计好动画原型，然后交给我们UI开发来实现。做过动画开发的童鞋都知道动画开发都...

2017-01-23 程远 H5 H5页面

新人手册！动效设计几乎都是这10个软件做的（内附教程）

编者按：想学习动效设计?别以为只有复杂的AE 可以做。

2017-01-13 程远动效 动效设计

超实用！移动界面动效设计的全方位科普指南

编者按：读完@顾小犊这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。动效在用户体验设计中正变...

2016-12-13 程远 UI设计指南 动效

动效丨七何分析法帮你全面分析界面动效

@十圆QCee ：以前在团队内部做过一个关于动效的分享，当时，是从现实参照、功能性、品牌，等维度进行分析。这次为了更全面的了解界面动效，我参考了5W2H分析法。

2016-11-29 程远动效 动效设计

没有更多文章了

热门频道

设计专题

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

交互控件

这个控件叫什么？

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。

查看专题

菜单 优设网 - UISDC

动效已发布文章19篇

做好直接用！动效神器 Lottie 基础入门教学

2020-02-27 Sophia的玲珑阁 AE动效Lottie

比阿里犸良还强大！Lottie动效设计完全指南

2019-08-18 懿凡设计 AE动效Lottie

腾讯高级设计师：交互知识树系列之平台规范

2018-06-09 WingST 交互设计动效

用一篇文章，帮你掌握基础实用的动效技能

2018-05-06 Nana AE动效UI动效

内部教程！超详细的支付宝设计规范之交互篇

2018-04-13 Alipay Design 交互设计产品设计规范

这样可以互动的签到，你见过没？

微交互 樊登读书iOS

「微博」看视频有干扰？一键清理没烦恼

用户体验 新浪微博 iOS

给你一只耳机，在「网易云音乐」一起听同一首歌~

好功能 网易云音乐Andriod

在「网易云音乐」如何一键将当前音乐收藏至指定歌单？

手势交互 网易云音乐Andriod

超全面的 APP 动效设计必备知识总结

2018-04-10 彭彭 交互体验动效

最全最好用的动效落地方法，都帮你总结好了（下）

2018-04-05 绿lvgreen 动效动效设计

最全最好用的动效落地方法，都帮你总结好了（上）

2018-04-03 绿lvgreen 动效动效设计

7个实用技巧，让你的动效变得更优秀！

2018-03-13 彩云译设计 动效动效设计

阿里设计师：如何用动效创新方法解决产品问题？

2018-03-02 阿里巴巴UED 动效动效设计

超实用！12 条提高产品可用性的动效设计原理（附案例）

2017-06-05 程远 动效动效设计

超全面干货！如何制作符合场景的交互动效？

2017-03-20 程远 动效动效设计

新手想进阶技能？超酷炫的动感特效轻松get！

2017-02-21 程远 动效动效设计

2020年适合设计师学习的设计技能 大课堂

从入门就业到进阶高薪！18般武艺这里应有尽有

行业名师真材实料 优设 8 年专业品牌

动效在UI设计中有哪三个关键用途

2017-02-21 陈子木 ui设计动效

腾讯超全干货！如何让你的动画更自然？

2017-02-17 程远 动效动效设计

用这个方法，轻松提高H5动画的开发效率！

2017-01-23 程远 H5H5页面

新人手册！动效设计几乎都是这10个软件做的（内附教程）

2017-01-13 程远 动效动效设计

超实用！移动界面动效设计的全方位科普指南

2016-12-13 程远 UI设计指南动效

动效丨七何分析法帮你全面分析界面动效

2016-11-29 程远 动效动效设计

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

优设读报 2020年7月07日 星期二

视觉设计师10-15k

北京本科及以上3-5年

布谷品牌

交互设计师15-25k

深圳本科及以上3-5年

京东

视觉设计师15-25k

深圳本科及以上3-5年

京东

想进大厂，学哪个风格的插画最实用？

高效实战大厂出品

为什么他设计的 LOGO 价值上万元？

职场技能高效实战

为什么想学场景插画的设计师越来越多？

趋势流行基础必备

菜单优设网 - UISDC

2020-02-27 Sophia的玲珑阁 AE动效 Lottie

2019-08-18 懿凡设计 AE动效 Lottie

2018-05-06 Nana AE动效 UI动效

微交互樊登读书iOS

用户体验新浪微博 iOS

好功能网易云音乐Andriod

手势交互网易云音乐Andriod

2018-04-10 彭彭交互体验动效

2018-03-13 彩云译设计动效动效设计

2017-06-05 程远动效动效设计

2017-03-20 程远动效动效设计

2017-02-21 程远动效动效设计

2020年适合设计师学习的设计技能大课堂

行业名师真材实料优设 8 年专业品牌

2017-02-17 程远动效动效设计

2017-01-23 程远 H5 H5页面

2017-01-13 程远动效动效设计

2016-11-29 程远动效动效设计

优设读报 2020年7月07日星期二

优设专题全部专题