动效设计设计学习心得体会

  在我看来，动效设计是一种独特的艺术形式，它通过动态的视觉效果将设计理念和创意完美地呈现出来。其中通过一开始的理论知识了解了动效设计的起源，进而又认识到动效设计和用户体验的重要区别。所以，我想通过这篇文章来分享我的动效设计学习心得。
        首先，我认为我们应该先理解什么是动效设计。动效设计是通过界面上单个或多个元素的动态变化，来增强用户感知、认知，促进用户理解、行动的一种视觉表现方式。为了达到这些要求，动效设计需要遵循12条动效原则。其次，我们更应该知道为什么要进行动效设计。动效设计是不能随意添加的，在交互自检中，一旦涉及到新的动效，都应该想到一个问题:为什么要在这里添加动效？它的价值是什么？是否能确保它所带来的价值远大于其所带来的干扰。借助其微妙的反馈和流畅的过渡，动效可以吸引并维持用户的注意力。为了了解动效设计，自然也需要了解动效设计的软件布局、基本功能等，才能更加的认识After Effects这款软件，设计起来也更能得心应手。

一、基本布局

二、命令功能

三、红条异常

       动效设计需要有一个清晰的设计理念和目标。动效设计是为了增强用户体验和提升产品的交互性而存在的。动效设计指的是通过动画和过渡来增强用户界面的体验和交互性，从而实现更加生动、直观、引人入胜的交互方式。动效设计可以使用户感受到界面的流畅性、连贯性、友好性和趣味性，从而提高用户的满意度和忠诚度。在产品设计中，动效设计已经成为不可或缺的重要组成部分。

       好的动效设计语言系统就是最好教科书，在课程的过程中我们还看了很多的动效设计的案子， 以下是一些动效设计实例：

1. 登录界面的动态效果 - 在用户输入用户名和密码时，可以添加一些动态效果，如输入框的颜色变化，按钮的缩放效果等，以增加用户体验。

2. 加载中动画 - 当应用程序或网站需要加载时，可以使用动画效果来显示进度，如旋转的圆形指示器或进度条，以增加用户耐心和等待时间。

3. 页面切换动画 - 当用户在应用程序或网站中切换页面时，可以使用动画效果来平滑过渡，如淡入淡出、滑动或分屏效果，以增加用户的舒适感。

4. 菜单和选项卡的动态效果 - 在应用程序或网站的菜单和选项卡中，可以使用动态效果来呈现更流畅的用户界面，如拖拽、滑动或折叠效果。

5. 按钮和交互元素的动态效果 - 在应用程序或网站中的按钮和交互元素中，可以使用动态效果来增强用户体验和视觉效果，如荧光效果、呼吸效果、弹跳效果等。

6. 数据可视化的动态效果 - 在应用程序或网站中的数据可视化中，可以使用动态效果来呈现更生动的数据可视化，如实时图表或动态地图等。

以上都是动效设计的实例，我们在学习的过程中同样要掌握其动画地方基本属性，包括大小、形状、旋转、位置、颜色、透明度、市场、加速等，了解在页面中的基本规律。例如：

1.保持视觉连贯性：保证关键帧平滑连续、不能出现跳跃，特别是动画循环的时候；

2.不要让用户等待：多尔蒂门槛原则：系统要在400ms内对用户的操作做出响应，这样用户才会保持专注；

3.贝赛尔曲线动画：eastin-缓出：加速运动，用于物体移除或消失；easeout-缓入：减速运动，用于物体进入或消失；easeinout：先加速后减速，用于物体的状态变化。

以上这三个例子都是动效基础的知识。

除此之外，我还有一些关于我其他课程的心得，链接如下：

计算机网络实训报告-CSDN博客

计算机网络实训心得-CSDN博客