动效设计 | 优设网

大厂硬核干货！深入分析弹性动效的应用及原理

我们通过研究一些常见原型设计工具的弹性模拟系统，深入弹性系统的动力学原理，与主流平台的弹性动效实现原理进行匹配，解决了从设计工具到工程实现的弹性动效...

2020-05-26 今日头条UED UI 动效设计

Lottie 动效设计完全指南：渐变修复

之前的文章已经介绍了 Lottie 是什么，以及如何导入/导出设计文件，那么今天就为大家讲解如何修复渐变。

2020-04-07 动效研究社 Lottie Lottie动效

新鲜出炉！2020年的7个动画和动效设计趋势

2020 年最热门的7大动画和动态图形趋势全在这里了!

2020-03-12 海外设计参考动态插画 动效设计

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

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

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

让动效更酷炫！4 个常见且常用的 SVG 交互动画方法

本文介绍了 4 种常见的 SVG 交互动画方法，帮你了解 SVG 交互动画的原理和简单方法。

2019-10-15 蛋卷直播实验室 SVG SVG动画

细节大揭秘 全部细节

最宠用户的bilibili，连播放器也让用户个性化定制～

设计逻辑 bilibili iOS

使用苹果手机如何截长图？

好功能网页全截图iOS

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

微交互樊登读书iOS

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

用户体验新浪微博 iOS

历时2个月，整理了这篇动效落地输出指南！

想让你的动效完美实现?了解动效落地背后的原理，可以帮助我们在设计的前期阶段，就了解应该如何做设计才能更容易的对接和落地。

2019-09-15 Jadon7 动效落地 动效设计

超全面！写给设计师的动效知识库

本文将近 7000 字，用超详细的篇幅帮你理解动效的结构、速度、变形等基础知识。

2019-07-29 郗鉴 AE动效 MG动效

超全面！UI 加载动画基础科普指南

本文从加载动画的由来、优秀加载动画的特点到大量的案例参考，帮助新手快速了解加载动画。

2019-07-22 Trista ui设计 加载动画

为什么越来越流行的酷炫动效，你不一定要学？

为什么 Dribbble 那么多的酷炫动效，对大部分设计师而言只是在自嗨?好的动效是什么样的?

2019-06-27 南山可 AE动效 UI动效

花两个月时间做的动画宣传片，为你揭秘制作全过程

大名鼎鼎的 Element 组件库现在出动画宣传片啦。这个耗时2个月的片子完全由 UI 设计师主导制作，他是如何一步步完成的?

2019-05-05 Neil彭彭 Element 动效设计

为你揭秘 Google的动效设计师是怎么制作 UI 动效的

我在上一篇文章已经通过实际的案例，分享了动效设计并不难的原因。在今天的文章当中，我会分享我们自己的工作流程、技巧和设计的方法。

2019-03-19 Jonas Naimark AE AE动效

动效设计没那么难！让谷歌动效设计师带你入门

编者按：UI中动效设计本没有那么玄乎，作为 Google 旗下 Material Design 团队中动效设计的负责人之一，Jonas Naimark 对于动效本身有着更为透彻的认知，这也促成了今天的这...

2019-03-18 Jonas Naimark AE动效 Material Design

B 端产品如何做动效设计？用实战案例告诉你！

在无限的信息体量和有限的用户浏览范围之间求得平衡，让用户看到全部创作中他最想看到的那一面。在B端产品的设计过程中，我深切体会到动效能在很多体验领域起...

2019-03-17 三鱼先生 B端产品 产品设计

跪了！揭秘「网易云音乐2018年度听歌报告」刷屏背后的动效设计

作为2019年第一个爆款刷屏 H5 项目，「网易云音乐2018年度听歌报告」除了走心的文案、精美的页面，也包含了不少有意思的动效。大家应该能想到，这些动效的设计是出...

2019-02-27 西西 2018 听歌报告 UI动效

只需要懂点高中物理知识，就能让你做出优秀动画！

化繁为简，是解决难题的好办法。今天的文章将会教你如何拆分一个动画，以及如何使得动画符合一般物理学规律而变得生动。

2019-01-23 彩云译设计 AE动效 UI动效

高手都在用！9个实用小技巧提升你的动效设计功力

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

2019-01-16 彩云译设计 UI动效 功能性动效

在制作 GIF 图片的时候，这10个注意事项帮你做得更好

这是一个什么都在变快的时代。在互联网上，一切都开始动起来，短视频开始流行，而 Gif图早就已经像病毒一样占据了网络的每个角落。

2018-12-13 Justinmind gif动画 GIF录制

优设专访！火遍追波的设计工作室Zajno Crew是如何设计动效的？

@N可可洛N、@爆炒地瓜：设计工作室 Zajno Crew，拥有一支年轻的设计团队，他们创新、大胆，大刀阔斧的展开工作，创立三年时间就在美国和乌克兰先后创立分部...

2018-12-03 优秀网页设计优设专访 设计团队

动效到底有哪些作用？来看高手的全面总结！

编者按：本文由负责Material Design 动效设计的谷歌设计师撰写，帮助大家深入理解动效的作用，才能做出更好的动效设计。有时候现代科技产物使用起来非常复杂，但是...

2018-11-25 魔瓜 UI动效 动效设计

谷歌设计师：只要掌握这两个方法，帮你做好动效设计！

今天这篇文章，讲的又是大家感兴趣的动效知识。现如今，动效对于品牌的传达变得越来越重要，所以我想尽可能多的去搜集动效相关的资料，跟大家一起，紧跟趋势，...

2018-10-23 彩云译设计 UI动效 动效设计

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

动效设计

从零开始学习动效设计

通过本专题，您可以先学习基础的产品+交互动效基础，进而学习动效可用性原理、动效表达式等提高对动效的认识。另附上两个寻找和保存动效灵感的小技巧，帮你补充动效库。最后附上让动效落地的方法，让你的动效不止于酷炫。

查看专题

Material Design

每个设计师都该深度学习的设计语言

通过这个专题，不仅可以了解到最新的 Material Design 变化，还有 Material Design 的动效设计、可用性设计、用户引导设计等中文版本，另外还有高手总结的学习笔记和实战案例。看完这个专题，帮你全面读懂 Material Design。

查看专题

菜单 优设网 - UISDC

动效设计已发布文章72篇

大厂硬核干货！深入分析弹性动效的应用及原理

2020-05-26 今日头条UED UI动效设计

Lottie 动效设计完全指南：渐变修复

2020-04-07 动效研究社 LottieLottie动效

新鲜出炉！2020年的7个动画和动效设计趋势

2020-03-12 海外设计参考 动态插画动效设计

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

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

让动效更酷炫！4 个常见且常用的 SVG 交互动画方法

2019-10-15 蛋卷直播实验室 SVGSVG动画

最宠用户的bilibili，连播放器也让用户个性化定制～

设计逻辑 bilibili iOS

使用苹果手机如何截长图？

好功能 网页全截图iOS

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

微交互 樊登读书iOS

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

用户体验 新浪微博 iOS

历时2个月，整理了这篇动效落地输出指南！

2019-09-15 Jadon7 动效落地动效设计

超全面！写给设计师的动效知识库

2019-07-29 郗鉴 AE动效MG动效

超全面！UI 加载动画基础科普指南

2019-07-22 Trista ui设计加载动画

为什么越来越流行的酷炫动效，你不一定要学？

2019-06-27 南山可 AE动效UI动效

花两个月时间做的动画宣传片，为你揭秘制作全过程

2019-05-05 Neil彭彭 Element动效设计

为你揭秘 Google的动效设计师是怎么制作 UI 动效的

2019-03-19 Jonas Naimark AEAE动效

动效设计没那么难！让谷歌动效设计师带你入门

2019-03-18 Jonas Naimark AE动效Material Design

B 端产品如何做动效设计？用实战案例告诉你！

2019-03-17 三鱼先生 B端产品产品设计

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

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

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

跪了！揭秘「网易云音乐2018年度听歌报告」刷屏背后的动效设计

2019-02-27 西西 2018 听歌报告UI动效

只需要懂点高中物理知识，就能让你做出优秀动画！

2019-01-23 彩云译设计 AE动效UI动效

高手都在用！9个实用小技巧提升你的动效设计功力

2019-01-16 彩云译设计 UI动效功能性动效

在制作 GIF 图片的时候，这10个注意事项帮你做得更好

2018-12-13 Justinmind gif动画GIF录制

优设专访！火遍追波的设计工作室Zajno Crew是如何设计动效的？

2018-12-03 优秀网页设计 优设专访设计团队

动效到底有哪些作用？来看高手的全面总结！

2018-11-25 魔瓜 UI动效动效设计

谷歌设计师：只要掌握这两个方法，帮你做好动效设计！

2018-10-23 彩云译设计 UI动效动效设计

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

优设读报 2020年7月08日 星期三

视觉设计师10-15k

北京本科及以上3-5年

布谷品牌

交互设计师15-25k

深圳本科及以上3-5年

京东

视觉设计师15-25k

深圳本科及以上3-5年

京东

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

高效实战大厂出品

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

职场技能高效实战

菜单优设网 - UISDC