动效设计 | 优设网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

细节大揭秘 全部细节

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

设计逻辑爱奇艺 iOS

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

好功能 Farfetch iOS

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

设计逻辑名人朋友圈iOS

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

用户体验 QQ iOS

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

大名鼎鼎的 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动效 动效设计

别轻易说你会动效！这10个动画误区你都犯过吗？

10个动效案例，让大家避开动效误区。一、走路在做走路动画的时候，除了要把脚与地面的接触做出来，更应该要注意的是身体不同部位的跟随与节奏。

2018-10-07 MID研习设 AE动效 MG动效

基础科普！最常见的四种移动端功能性动效全面总结

功能性动效的主要类型有页面空间转换、视觉信息反馈、功能操作引导、品牌与趣味，本文就来谈谈这四种功能性动效在移动端的使用。一、功能性动效的定义定义：...

2018-09-29 TXD技术体验设计 AE动效 MG动效

腾讯干货！轻松5步教你有理有据做MG动画

动态图形设计在我们日常生活中无处不在，藉由项目来告诉大家我是如何有理有据的做动态图形设计，希望我的设计方法对你有所帮助。腾讯视频直播答题《百万脑力时...

2018-09-12 腾讯视频TVD MG动效 MG动画

终极指南！超全面的UI动效基本规则总结

动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯，交互的上下文逻辑也因为动效的加持而更加清晰。

2018-09-07 Taras Skytskyi 动效设计 微动效

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

交互控件

这个控件叫什么？

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

查看专题

海报设计

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

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

查看专题

菜单 优设网 - UISDC

动效设计已发布文章68篇

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

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

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

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

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

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

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

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

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

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

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

设计逻辑 爱奇艺 iOS

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

好功能 Farfetch iOS

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

设计逻辑 名人朋友圈iOS

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

用户体验 QQ iOS

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

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端产品产品设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

别轻易说你会动效！这10个动画误区你都犯过吗？

2018-10-07 MID研习设 AE动效MG动效

基础科普！最常见的四种移动端功能性动效全面总结

2018-09-29 TXD技术体验设计 AE动效MG动效

腾讯干货！轻松5步教你有理有据做MG动画

2018-09-12 腾讯视频TVD MG动效MG动画

终极指南！超全面的UI动效基本规则总结

2018-09-07 Taras Skytskyi 动效设计微动效

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

优设读报 2020年1月25日 星期六

体验设计师专家（视觉）

杭州本科及以上3-5年

阿里妈妈

UI设计师15-25k

深圳本科及以上3-5年

腾讯

视觉设计师15-25k

珠海本科及以上3-5年

金山办公

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

高效实战热门趋势

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

高效实战基础必修

菜单优设网 - UISDC