动效 | 优设网

做好直接用！动效神器 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 交互设计 产品设计规范

细节大揭秘 全部细节

「雪球」用下拉手势隐藏股市老司机经验彩蛋

微交互雪球Andriod

「飞书」是怎样让用户快速浏览长篇幅文档大纲的？

用户体验飞书文档 iOS

网易云音乐：点一首歌，为那些没能来得及的告别

视觉网易云音乐iOS

微软Office两种交互形式的舵式按钮

微交互微软Office iOS

超全面的 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分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

大厂神器

顶尖团队出品，质量有保障

本专题收集了国内外各个大厂（阿里巴巴、腾讯、微软、谷歌）出品的多个设计神器。从人工智能设计平台到矢量图标平台，从动效制作到图片压缩应有尽有，而且大部分都是免费的，收藏起来以后肯定用得上！

查看专题

新拟物化设计

从零开始了解2020年最火的设计风格

本专题从新拟物化设计的起源、发展过程、设计特点到应用场景，都有详细的阐述，也提到了不同的反对声音，设计师们兼听则明。最后附上一键生成新拟物化风格的在线神器，看完这个专题，能完整一窥新拟物化设计的全貌，不致于趋势大潮来临时茫然无措。

查看专题

设计师专访

设计大咖成长史

这儿不仅有实力强劲不为人知的设计大咖，也有人气超高的设计工作室，中西结合兼容并蓄。探寻大神成长史，从中汲取养分，大概就是这个专题的魅力所在。收藏起来，每月都会更新哟。

查看专题

菜单 优设网 - 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 交互设计产品设计规范

「雪球」用下拉手势隐藏股市老司机经验彩蛋

微交互 雪球Andriod

「飞书」是怎样让用户快速浏览长篇幅文档大纲的？

用户体验 飞书文档 iOS

网易云音乐：点一首歌，为那些没能来得及的告别

视觉 网易云音乐iOS

微软Office两种交互形式的舵式按钮

微交互 微软Office iOS

超全面的 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年4月06日 星期一

课件界面设计师面议

北京本科及以上3年以上

学而思网校

菜鸟-体验设计专家（国际化方向）25k-35k

杭州本科及以上5年以上

菜鸟

菜鸟-结构设计师25k-35k

杭州本科及以上5年以上

菜鸟

都是图标设计，总监和你有什么区别？

高效实战职场技能

不用买颜料也能画水彩！高手怎么做到的？

创意风格高效实战

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

趋势流行基础必备

菜单优设网 - UISDC

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

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

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

微交互雪球Andriod

用户体验飞书文档 iOS

视觉网易云音乐iOS

微交互微软Office iOS

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年4月06日星期一

优设专题全部专题