动效设计 | 优设网

新鲜出炉！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动画

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

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

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

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

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

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

细节大揭秘 全部细节

「微信读书」AI黑科技听书，解放双眼深度阅读

黑科技微信读书 Android

「支付宝」是如何优化健康码设计缩短关卡通行时间的？

用户体验支付宝 iOS

「声昔」怎样通过给主页加特效来提升阅读体验？

设计逻辑声昔iOS

「哈啰单车」可以临时锁车啦！用车场景更自如

用户体验哈啰单车iOS

超全面！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动效 动效设计

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

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

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

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

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

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

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

手机摄影

掌握拍摄窍门去朋友圈收赞

本专题精选了全球iPhone 摄影大赛人物类冠军和泼辣修图叶明的多篇好文，从基础构图、裁剪方法到摄影技巧无一不包，对于新手而言，看完这个专题，足以拍出一组不错的作品发到朋友圈咯！

查看专题

图标设计

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

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

查看专题

图标绘制指南

高手从零开始带你画图标

本专题由「超人的电话亭」撰写，旨在帮助新人设计师学会图标的绘制方法。从图标基础知识到5大图标类型绘制方法详解，最后附上图标应用方法。UI 设计新手学习图标之前，建议完整阅读这个专题，帮助极大。

查看专题

设计法则

用超多易懂的案例帮你学会经典设计法则

每次在做项目总结的时候，总想列举一些法则和方法论来增加总结的专业性以及可信服度，但是总有些熟知的方法却怎么也叫不上名字，所以有了这个专题，敦促自己在做设计的时候不要留于表象，有理可循。

查看专题

菜单 优设网 - UISDC

动效设计已发布文章70篇

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

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

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

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

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

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

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

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

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

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

「微信读书」AI黑科技听书，解放双眼深度阅读

黑科技 微信读书 Android

「支付宝」是如何优化健康码设计缩短关卡通行时间的？

用户体验 支付宝 iOS

「声昔」怎样通过给主页加特效来提升阅读体验？

设计逻辑 声昔iOS

「哈啰单车」可以临时锁车啦！用车场景更自如

用户体验 哈啰单车iOS

超全面！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端产品产品设计

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

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

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

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

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

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

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

高手都在用！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动效动效设计

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

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

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

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

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

优设读报 2020年3月31日 星期二

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

杭州本科及以上5年以上

菜鸟

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

杭州本科及以上5年以上

菜鸟

菜鸟-体验设计师（IoT方向）25k-35k

杭州本科及以上5年以上

菜鸟

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

高效实战职场技能

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

创意风格高效实战

菜单优设网 - UISDC

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

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

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

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

黑科技微信读书 Android

用户体验支付宝 iOS

设计逻辑声昔iOS

用户体验哈啰单车iOS

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

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

2019-03-19 Jonas Naimark AE AE动效

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

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

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

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

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

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

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

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

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

优设读报 2020年3月31日星期二

优设专题全部专题