动效设计 | 优设网

超实用！12 条提高产品可用性的动效设计原理（附案例）

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理，每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子，顺手打开就能体验...

2017-06-05 程远动效 动效设计

用这4个超实用的方法，做出有价值的功能性动效！

@喪心病狂十六夜貓：约在10年之前，在用户界面使用的动效，大部分是一些广告和闪烁的弹窗。然而到了今天，已经发生了翻天覆地的变化。

2017-06-03 程远动效设计 经验分享

微交互是如何塑造优质的产品细节的？

“最好的产品通常会做好两件事情：功能和细节。功能能够吸引用户关注这个产品，而细节则能够让关注的用户留下来。

2017-04-28 陈子木交互设计 动效设计

沿着这7个思路，你可以正确的使用动效取悦用户

当我们在探讨产品设计细节的时候，会频繁地提及“愉悦”这个词。必须承认，愉悦的体验，是优秀产品中所潜藏的魔法。

2017-04-12 陈子木 App设计 ui设计

超全面干货！如何制作符合场景的交互动效？

@野子Joey ：动效如今被广泛的使用在界面设计中。但如何合理使用实效，而不是让动效干扰用户，却少有总结的经验。

2017-03-20 程远动效 动效设计

这些悬浮动效的常见玩法你都知道吗？

动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效有哪些常见的用法》这篇文章中，我们探讨了动效对于交互...

2017-03-17 陈子木 ui设计 动效设计

在这些实例中，学会用动效赋予你APP生命力

如果重新审视10年前的网页和移动端应用的话，你会发现动效和动画在这个时期简直是犯规一般的存在：浏览器和硬件设备吃不消，它们根本无法成为设计最佳实践。十...

2017-03-13 陈子木 App设计 ui设计

为什么你的动效特别酷炫，但一直不能落地？（附解决思路）

编者按：今年很多设计师开始玩动效，不过想让你的动效设计落地，远不是会AE 就能解决的。本文总结了让动效落地的整体解决思路，附动效软件推荐，建议阅读。

2017-03-08 程远动效设计 经验分享

AI+AE教程！教你做一个有趣的搜索动画

用一个动画小教程，带你同时掌握AI 和AE 的基础工具操作。优设最新的AI 教程：《AI教程!

2017-02-22 程远 AE AI教程

新手想进阶技能？超酷炫的动感特效轻松get！

lionisready：新手设计师相较于资深设计师，后者技能更丰富且全面，很多人想要进阶资深却苦于培养新技能，笔者在经手不少视频动效项目后，对于技能进阶颇有心得，...

2017-02-21 程远动效 动效设计

动效在UI设计中有哪三个关键用途

随着技术和硬件设备性能的提升，动效已经不再是视觉设计中的奢侈品。动效不仅仅是华丽的动态效果，它首先帮助设计师和用户解决了许多界面功能上的问题，让这用...

2017-02-21 陈子木 ui设计 动效

想进阶成PPT 高手？得先学会这些高级动画特性！

编者按：@魔力大熊老师的第二篇PPT 进阶教程来咯。PPT 中那么多的动效可以选，该用哪个?

2017-02-20 程远 ppt教程 PPT设计

腾讯超全干货！如何让你的动画更自然？

大熊：本文将从为什么要探究更自然的动画、如何探究运动曲线方程、列举常用的运动曲线、分别使用js和css实现曲线动画效果、可视化实现工具这几个方面进行介绍。...

2017-02-17 程远动效 动效设计

在现代网页设计中，动效有哪些常见的用法？

令人愉悦的动效几乎已经成为如今网页设计的标准配置了，融入动效的交互细节让现代网页同以往的设计在根本上区别开来。动效不仅可以表现状态，引导用户的关注点...

2017-02-11 陈子木优秀网页设计 动效设计

用这个方法，轻松提高H5动画的开发效率！

Janilychen：以往做一些H5的运营项目，都是动画设计师使用Animate cc（原来的Flash）先设计好动画原型，然后交给我们UI开发来实现。做过动画开发的童鞋都知道动画开发都...

2017-01-23 程远 H5 H5页面

新人手册！动效设计几乎都是这10个软件做的（内附教程）

编者按：想学习动效设计?别以为只有复杂的AE 可以做。

2017-01-13 程远动效 动效设计

超全面！交互/视觉都需要掌握的App加载动画知识体系

今天我要分享的是关于加载动画的知识体系及简单的制作方法，至于特殊场景总结不全之处，还请批判指正。大纲如下：一、加载动画存在的意义二、加载动画的使用...

2016-12-31 程远 App设计 加载动画

设计一个界面动效的时候，我们需要考虑什么？

鸿影：坦白来说，虽然我之前在项目里做过一些小动效尝试，但一直没有什么系统的方法和原则指导，大多在原型软件里凭「感觉」随意调调了事，而说不清楚为什么要...

2016-12-26 程远动效设计 经验分享

那个很火的MG 动画，作者出详细教程了（大量干货！）

@Poupo是名设计师：这篇文章写了这支一分钟MG动画的一些技术上思考难点。涉及了表达式，效果器，形状图层，少量插件以及一些可能需要的三维软件。

2016-12-13 程远 MG动效 PS动画教程

超实用！移动界面动效设计的全方位科普指南

编者按：读完@顾小犊这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。动效在用户体验设计中正变...

2016-12-13 程远 UI设计指南 动效

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

设计趋势

流行设计一目了然

道法术器势，看了那么多专题，设计理论、方法和神器已经不再话下，想成为高手，就差借势了。收藏好这个专题，每个月都会更新最新的设计趋势，让你洞悉设计趋势，紧跟设计潮流。

查看专题

深色模式设计指南

从官方规范到实战经验应有尽有！

自从苹果和谷歌发布深色模式以来，国内各个大厂也纷纷跟上，并在此探索过程中总结了许多参考价值极强的宝贵经验。本专题不仅收录了苹果和谷歌的深色模式官方设计规范，更有腾讯阿里等大厂的实战经验总结，让你掌握这个最流行的知识点！

查看专题

菜单 优设网 - UISDC

动效设计已发布文章164篇

超实用！12 条提高产品可用性的动效设计原理（附案例）

2017-06-05 程远 动效动效设计

用这4个超实用的方法，做出有价值的功能性动效！

2017-06-03 程远 动效设计经验分享

微交互是如何塑造优质的产品细节的？

2017-04-28 陈子木 交互设计动效设计

沿着这7个思路，你可以正确的使用动效取悦用户

2017-04-12 陈子木 App设计ui设计

超全面干货！如何制作符合场景的交互动效？

2017-03-20 程远 动效动效设计

这些悬浮动效的常见玩法你都知道吗？

2017-03-17 陈子木 ui设计动效设计

在这些实例中，学会用动效赋予你APP生命力

2017-03-13 陈子木 App设计ui设计

为什么你的动效特别酷炫，但一直不能落地？（附解决思路）

2017-03-08 程远 动效设计经验分享

AI+AE教程！教你做一个有趣的搜索动画

2017-02-22 程远 AEAI教程

新手想进阶技能？超酷炫的动感特效轻松get！

2017-02-21 程远 动效动效设计

动效在UI设计中有哪三个关键用途

2017-02-21 陈子木 ui设计动效

想进阶成PPT 高手？得先学会这些高级动画特性！

2017-02-20 程远 ppt教程PPT设计

腾讯超全干货！如何让你的动画更自然？

2017-02-17 程远 动效动效设计

在现代网页设计中，动效有哪些常见的用法？

2017-02-11 陈子木 优秀网页设计动效设计

用这个方法，轻松提高H5动画的开发效率！

2017-01-23 程远 H5H5页面

新人手册！动效设计几乎都是这10个软件做的（内附教程）

2017-01-13 程远 动效动效设计

超全面！交互/视觉都需要掌握的App加载动画知识体系

2016-12-31 程远 App设计加载动画

设计一个界面动效的时候，我们需要考虑什么？

2016-12-26 程远 动效设计经验分享

那个很火的MG 动画，作者出详细教程了（大量干货！）

2016-12-13 程远 MG动效PS动画教程

超实用！移动界面动效设计的全方位科普指南

2016-12-13 程远 UI设计指南动效

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

优设读报 2020年7月07日 星期二

交互设计师15-25k

深圳本科及以上3-5年

京东

视觉设计师15-25k

深圳本科及以上3-5年

京东

视觉设计师15-25k

东京大专及以上1-3年

滴滴出行

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

高效实战大厂出品

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

职场技能高效实战

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

趋势流行基础必备

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

高效实战职场技能

智能电视设计

这个完全不同的新领域应该如何设计？

图标绘制指南

高手从零开始带你画图标

设计趋势

流行设计一目了然

AR设计

菜单优设网 - UISDC

2017-06-05 程远动效动效设计

2017-06-03 程远动效设计经验分享

2017-04-28 陈子木交互设计动效设计

2017-04-12 陈子木 App设计 ui设计

2017-03-20 程远动效动效设计

2017-03-13 陈子木 App设计 ui设计

2017-03-08 程远动效设计经验分享

2017-02-22 程远 AE AI教程

2017-02-21 程远动效动效设计

2017-02-20 程远 ppt教程 PPT设计

2017-02-17 程远动效动效设计

2017-02-11 陈子木优秀网页设计动效设计

2017-01-23 程远 H5 H5页面

2017-01-13 程远动效动效设计

2016-12-26 程远动效设计经验分享

2016-12-13 程远 MG动效 PS动画教程

优设读报 2020年7月07日星期二

优设专题全部专题