跳到主要内容

动画会成为2015年的UI大趋势吗?

Will animation be the big UI trend of 2015?

动画已经成为许多不同应用程序中UI设计体验中越来越重要的一部分。

有很好的用户体验,视觉设计和功能的核心考虑因素,但动画和移动方式现在是任何移动,网络或软件应用程序的关键支柱。

2015年动画兴起的一个影响将是提供更多工具,以改善浏览器和设备上的UI制作工作流程和性能。

为何动画?

交互设计中的动画并不新鲜,但随着越来越多的创意人员意识到它在沟通UI行为中可以发挥的作用,今年它将变得更加普遍。

界面设计中经过深思熟虑的动作可以帮助指导,提供背景和喜悦用户。动画提供惊喜的机会,使应用程序更有趣和吸引人。

同样,过多的动画或不和谐的过渡可能会破坏并分散其他良好的数字体验。

最重要的是人们可以分辨出机械运动与模仿现实世界行为的东西之间的区别。这意味着要考虑惯性,速度,弹跳或速度等问题。

Will animation be the big UI trend of 2015?

通过过渡和微妙的基于动作的动画来讲述故事的能力是必须接受以产生出色工作的技能。

动画的指导原则

谷歌的材料设计指南展示动作可以发挥的作用是一个很好的起点。一些原则包括:

“感知物体的有形形状有助于我们理解如何操纵它。观察物体运动告诉我们它是轻的还是重的,有弹性的还是刚性的,小的还是大的。”

在设计菜单系统或屏幕可视组件时,这是一个很好的考虑因素。

“动画曲线开始和结束时速度的突然变化意味着物体瞬间开始和停止,这是不现实的......”

Will animation be the big UI trend of 2015?

接口不应该感觉机械;拥抱来自现实世界的运动原理使数字环境更有益于与之互动。

“动画的最基本用途是在过渡时期,但是当动画以超出明显的方式使用时,应用程序可以真正让用户高兴。”

引入意外的,例如成为箭头的菜单图标或平滑地从一个转换到另一个的播放控件是让用户感到惊讶的好方法。

Will animation be the big UI trend of 2015?

以下是在其UI中使用动画的网站的一些很好的示例:

工具和提示

以下是我们在考虑UI动画时所采用的一些参考资料。虽然我们预计2015年会出现许多新工具,但我们建议您回顾基础知识动画师的生存工具包,一个学习传统动画校长的好资源。

Will animation be the big UI trend of 2015?

我们用后遗症用于说明UI行为和序列。它创建了生动的动画,帮助我们设想完成后UI的外观,帮助我们在技术制作之前探索概念。

甚至是快速原型制作工具INVISION开始包括基本的过渡和动作,有助于根据动作将平面UI设计变为现实。

考虑将现实世界的动作转换为数字动画,并使动画真正适合您的UI。我们期待看到您提出的建议。

话:兰齐安东尼

Ranzie是全球设计和技术机构的执行创意总监速龙,它在设计,人为因素和软件开发的交叉点起作用。

像这样?阅读这些!



翻译字数超限