动效设计 | 优设网

2020年设计师最有价值的这4种能力，你具备几项？

而今天的这篇文章，则主要是围绕这设计师们公认的2020年最应当具有的 4 项技能来写的，并且附上业内前辈的谏言。

2019-12-19 Renee Fleck 动效设计 客户沟通

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

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

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

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

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

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

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

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

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

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

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

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

细节大揭秘 全部细节

「爱情公寓5」的互动视频，你玩出了几个故事支线？

设计逻辑爱奇艺 iOS

Farfetch推出AR试鞋功能，时尚电商迎来新体验

好功能 Farfetch iOS

不玩儿朋友圈的00后喜欢的「语C」社交是什么？

设计逻辑名人朋友圈iOS

QQ空间里爆炸有趣的3D表情评论功能

用户体验 QQ iOS

比阿里犸良还强大！Lottie动效设计完全指南（导入篇）

本文将以一个实际动效案例的导入流程为例，帮助大家了解高效导入设计文件的方法。

2019-07-25 懿凡设计 AE动效 Lottie

想用 Lottie 做动画？先收下这份常见错误和解决方法总结

很多人知道 Lottie 的强大之后都跃跃欲试，想用它做动效，但是实际使用 AE+Lottie 制作动画的时候往往会碰到各种问题，所以本文结合实际案例，为你总结常见的错误和解...

2019-07-17 蛋卷直播实验室 AE Lottie

比阿里犸良还强大！Lottie 动效设计完全指南（基础篇）

最近阿里推出的动效神器「犸良」刷屏设计圈，但是很少人知道犸良依靠的是更加强大的Lottie，用它做起动效来，简直如虎添翼，今天这篇教你用好这个神器!

2019-07-15 懿凡设计 Lottie 动效设计

超全面！大厂都在用的 Tab Bar 图标动效设计类型总结

相信很多人都会留意到手机QQ 切换底部标签栏时有趣的动画效果，Tab bar 作为整个 APP 的第一触点，该如何做好它的动效设计，有哪些动效设计类型和组合方式?本文腾...

2019-07-08 IDfor IDfor 动效设计

阿里新开发了一款神器犸良！零基础也能轻松做酷炫动效

最近阿里又推出了一款基于 Lottie 的动效设计平台 ── 犸良。能够快速生成设计师想要的动态效果，并交付给开发，极大地提高了设计效率和设计还原度。

2019-07-08 懿凡设计 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端产品 产品设计

如何让动效完美还原？送你两个超厉害的免费插件！

作为视觉设计师你是否会遇到这样的问题，当需要做一个 loading 或者其他动效的时候，总会或多或少的出现一些问题，如何使用更轻量高效的 Sketch 直接将矢量图形转到 A...

2019-03-16 罗大曼 AEUX AE动效

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

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

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

腾讯设计师：减少页面跳转的10个方法总结

我们在进行设计的时候，往往遇到以下的场景：这就是信息的无限性和手机屏幕的有限性之间的矛盾，如何把信息合理的展示给用户，需要我们重新对信息进行组织分...

2019-01-24 腾讯动漫TCD App设计 交互设计

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

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

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

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

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

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

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

海报设计

拍一张照片，就能设计成一张海报

想提高创意思维和设计能力？本专题用超过 60 个实战案例，演示如何让每一张普普通通的照片，变成一幅设计感惊人的海报。既能了解海报设计背后的故事，还能学习高手的设计思路。

查看专题

图标设计

至少20个图标设计杀手级干货

本专题从图标的基础知识出发，再具体到不同类型的图标设计方法，待你掌握方法后，附上图标检验和优化指南。最后，优质的免费图标下载站合集和图标管理工具，让你更加省时高效！

查看专题

菜单 优设网 - UISDC

动效设计已发布文章160篇

2020年设计师最有价值的这4种能力，你具备几项？

2019-12-19 Renee Fleck 动效设计客户沟通

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

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

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

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

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

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

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

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

「爱情公寓5」的互动视频，你玩出了几个故事支线？

设计逻辑 爱奇艺 iOS

Farfetch推出AR试鞋功能，时尚电商迎来新体验

好功能 Farfetch iOS

不玩儿朋友圈的00后喜欢的「语C」社交是什么？

设计逻辑 名人朋友圈iOS

QQ空间里爆炸有趣的3D表情评论功能

用户体验 QQ iOS

比阿里犸良还强大！Lottie动效设计完全指南（导入篇）

2019-07-25 懿凡设计 AE动效Lottie

想用 Lottie 做动画？先收下这份常见错误和解决方法总结

2019-07-17 蛋卷直播实验室 AELottie

比阿里犸良还强大！Lottie 动效设计完全指南（基础篇）

2019-07-15 懿凡设计 Lottie动效设计

超全面！大厂都在用的 Tab Bar 图标动效设计类型总结

2019-07-08 IDfor IDfor动效设计

阿里新开发了一款神器犸良！零基础也能轻松做酷炫动效

2019-07-08 懿凡设计 UI动效动效神器

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

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

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

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

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

2019-03-19 Jonas Naimark AEAE动效

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

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

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

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

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

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

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

如何让动效完美还原？送你两个超厉害的免费插件！

2019-03-16 罗大曼 AEUXAE动效

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

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

腾讯设计师：减少页面跳转的10个方法总结

2019-01-24 腾讯动漫TCD App设计交互设计

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

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

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

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

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

优设读报 2020年1月28日 星期二

体验设计师专家（视觉）

杭州本科及以上3-5年

阿里妈妈

UI设计师15-25k

深圳本科及以上3-5年

腾讯

视觉设计师15-25k

珠海本科及以上3-5年

金山办公

买前生产力，买后爱奇艺！听说有人靠 iPad 画画都能赚够生活费？

高效实战热门趋势

为什么大厂招设计师都要求会组件设计？

高效实战基础必修

菜单优设网 - UISDC