Part 0. 概述简介(1:17)

这是我关于动效设计的的整理归纳,之前在线下活动有分享过,视频总时长 38 分钟。 本系列视频主要内容共四个部分: 1️⃣「动效设计的作用和意义是什么」; 2️⃣「怎么样的动效设计算合情合理」; 3️⃣「常见的动效设计思路有哪些」; 4️⃣「如何设计动效」; 视频里使用的大多数案例来自互联网应用的录屏,内容不涉及技术探讨与方案实现,希望可以帮助大家更好地理解动效,设计动效。如果觉得有所收获的话,记得点赞关注❤️

https://www.youtube.com/watch?v=rfpg1BknH9U&list=PLvzZjKkuYZQdNYDCDI2U02ZRWPatGI0s4&index=2

<aside> 😂 “第一次录制时忘了开麦克风了,后面的视频声音会好一些。“

</aside>

Part 1. 动效设计的作用和意义是什么(11:34)

这一部分我主要归纳了四点:1️⃣完成静态界面没有解决/不好解决的问题、2️⃣展现更多样的交互形式/引导/隐喻、3️⃣使应用的使用体验更加流畅、4️⃣更加有趣有意思; 通过这部分关于动效设计的作用和意义的了解,有助于更好地从目的出发,去发挥创意和想法,设计动效方案。

https://www.youtube.com/watch?v=rGp3Q4mVHVw&list=PLvzZjKkuYZQdNYDCDI2U02ZRWPatGI0s4&index=3

Part 2. 怎么样的动效设计算合情合理(11: 43)

我是这么去理解合情合理的,情就是“情景“、理就是“物理“。 什么样的情景设计什么样的动效,以及设计动效时需要符合我们所感知的物理世界。 视频主要总结了三个关键词:克制、真实、顺滑。

https://www.youtube.com/watch?v=VVRXmq7LOmA&list=PLvzZjKkuYZQdNYDCDI2U02ZRWPatGI0s4&index=4

<aside> 🤔 “有些案例录屏是近期的,有些是很早之前的版本,不用感到困惑。”

</aside>

Part 3. 常见的动效设计思路有哪些(11:32)

这是「如何设计合情合理的动效」的第三部分。 这部分我归纳了四个常见的思路/做法:路径引导、物理逻辑、元素继承、直觉交互

https://www.youtube.com/watch?v=B8jUHIP4A-M&list=PLvzZjKkuYZQdNYDCDI2U02ZRWPatGI0s4&index=5