优秀哇！概念动画使 UI 设计脱颖而出！
本文给出了概念动画的定义，并考虑了概念动画在富有吸引力和创新性的 UI 界面设计中的作用。
UI 界面中的动画一直是热门话题。在 UI 界面的概念动画领域特别活跃。让我们一起看看概念动画是如何影响产品成功的。
什么是概念动画
概念动画属于概念艺术的领域。是动态设计的一部分，将创意投入实际产品之前展现出来。在 UI 界面设计中，概念动画可以在交互、转换、控件操作、动画标记系统反馈等各种概念中看到。动态设计师使用的工具中我们常见的 Adobe After Effects、Principle、Figma 和 Invision。
UI设计中为什么需要概念动画
概念动画除了现成的解决方案和经过严格检查的方法之外，还尝试超越限制和规则的方法。这种动画对于技术实现而言似乎不太重要。关键是 UI 的静态设计（字形，图标，控件或界面的整体颜色和形状改变）和动画都让你在类似 APP 中脱颖而出！
很多人不愿意用概念动画，觉得这华而不实、没有必要。但这是一个错误观点！实际上取决于设计——需求决定供给。一旦“市场”看到一个新的设计理念，尤其是动画，就会有人寻求使之成为现实。此时此刻，设计师思维不再只是一个概念。我们能看到的在很多情况下，程序员成功地编写概念界面动画，甚至是相当复杂的动画。
UI动画概念的示例
滚动项目列表
此示例具有与项目列表交互的功能：左侧变体仅将所有列表向上移动，而右侧变体则模拟了稍稍保留的拉动卡片。故第二个变体看起来就非常生动。
从列表到项目的过渡
此示例：左侧选项显示了从列表或菜单到特定项目屏幕的基本过渡方式，而右侧选项则为流程增加了动态性。
打开侧边菜单
概念动画还可以为诸如打开侧边菜单之类的基本操作增加生动感。设计师通过使用对象的渐变流程，使过程看起来更加富有质感。
界面中的 UI 动画概念
概念动画是 UI 界面设计的创新阶段之一：动态设计师可以提供与客户和开发人员讨论的不同选项。以下是本文作者 Kirill 与 UI 设计师一起设计的一些示例。
概念动画是 UI 界面设计的创新阶段之一：动态设计师可以提供与客户和开发人员讨论的不同选项。以下是本文作者 Kirill 与 UI 设计师一起设计的一些示例。
Finance App动画通过使用颜色标记创建了从饼形图到列表的时尚过渡
Music News App动画在从类别屏幕到列表的过渡中以形状和线条播放
Home Budget app UI的动画概念为打开菜单增加了动态感
名片 UI 概念模仿了从个人资料头像中拔出名片的有趣效果
日历 APP 动画概念设置了从日历屏幕到计划屏幕的质感过渡
另一个动画为与侧边菜单的交互增添了乐趣并支持视觉层次结构
UI动画概念的主要优点
在 UI 动画领域也观察到了同样的情况。今天被认为是界面不可或缺一部分的动画不久前都是一种“虚幻”概念。在平面设计环境下，当形状和颜色都在追求简洁和干净的时候，动画就成了脱颖而出的行之有效的方法。
本文作者：Marina Yalanska & Kirill Yerokhin
————————————————————
以上就是本次译文内容
喜欢的童鞋可以关注我们哦
