心里有三个思维方向帮助你快速学习UI设计

在UI设计中，动效可以有更好的变现力，也更便于接受，但就目前而言，UI动效对于很多人来说还相对陌生，那如何才能构建隔离的UI动效让产品能为用户带来更好的体验呢?下面，黑马先锋学院郑州UI培训小编就分享三个方法帮助你构建合理的UI动效。

一、哪里开始

动效主要是通过UI元素之间关系过渡来帮助用户浏览App。当然还可以通过使用图标、勋章以及插画动效来为App增色，但是建立产品可用性应该优先于增加动效表现力。在展示你的动效设计技巧之前，让我们先从设计一个基本的动效开始，即产品导航之间的过渡。

二、过渡模式

在设计导航之间进行动效过渡时，简单性和一致性是 关键的点。为了达到这个目的，我们将以下2种动画模式中进行选择：

1、基于容器的过渡

如果动画涉及像按钮，卡片或列表这样的内容，则使用基于容器的动画设计，容器通常有很明显的边界。

2、没有容器的过渡

有些作品将使用没有容器的过渡来构建动效设计，例如点击底部导航中的图标，将用户带到新的页面。

心里有三个思维方向帮助你快速学习UI设计

三、 佳方案

1、把事情变的更简单一些

鉴于其动画频率高低与产品可用性密切相关，导航过渡通常应该优先于功能展示。引人注目的动画通常 适用于小图标，勋章，加载或空状态等元素。

2、选择合适的时间及缓动类型

导航过渡应该使用合适的时间，快速过渡优先考虑功能，但是速度也不要太快，防止动画路径迷失。根据动画占用的屏幕比例来选择动画持续时间。由于导航过渡通常占据屏幕的大部分，因此300ms是一个比较有经验的动画时长。相比之下，像开关按钮这种小组件动画持续时间很短，大概在100ms左右。如果过渡感觉太快或太慢，请以25ms的增量调整其持续时间，直到它达到合适的动画节奏。

以上就是黑马先锋学院ui学校设计培训培训小编分享的构建UI动效的3种方法。一旦你能够为产品构建合理的UI动效，那么将会给用户带来更好的体验，从而产生效益。当然UI动效可以让你的作品更生动更能吸引用户，可想要在竞争激烈的职场中占有一席之地，就要不断增加技能。