2020-05

20

企业官网设计中的动效设计技巧
  • 类型:国际视野
  • 编辑:JOY
  • 来源:深圳企业官网设计公司
  • 企业官网设计人员通常考虑使用动画效果来改善用户体验,但是大多数动画效果不会带来太多价值。那么,如果我们重新考虑实现动画的方式并将其用作设计的基础,那么我们将如何使用它呢?在本文中,我将介绍如何应用运动效果来创建情感。


    使用动画讲故事

    每种经历都是一种叙事。无论您使用哪种类型的应用程序或企业官网设计,都有特定的消息要传达给用户或访问者。设计师的目标是以最有效的方式传达故事。


    使用动画描述复杂的概念

    您可以通过多种方式讲述故事,其中一种是通过在屏幕上引入运动效果来增强图片的效果。动作效果不仅可以帮助企业官网设计人员更有效地传达信息,还可以使整个故事更具吸引力。当设计师将这一原理应用于设计时,他们会创造出真正令人难忘的体验。

    让我们看看“显示,不说”概念在特定情况下如何工作-一个强调回收的重要性的网站。设计人员没有使用动画来展示人们应该如何处理垃圾,而是告诉访问者提供适当处理垃圾的重要性。


    动效设计



    “动画叙事”

    旁白是事件的线性进展,并且这些事件在整个用户体验中都是链接在一起的。设计人员创建数字叙述的最简单方法之一就是使用视差效果。当用户向下滚动或跨页面滚动时,企业官网设计中的视差效果会创建3D滚动效果。

    视差效果具有明确的功能目的。它支持视觉连续性,帮助访问者了解他们在体验中所处的位置。


    基本的移动互动使用

    借助动画,您可以执行日常的基本交互,并使它们新鲜而出乎意料。动画效果对于移动应用程序特别有用-它们使用户忘记他们只是在轻敲玻璃杯,而使他们感觉好像在与屏幕上的真实元素进行交互。


    难忘的首次登录体验

    动画可以帮助用户查看其动作的效果。当用户首次使用该应用程序时,会建立良好的第一印象。

    检查以下示例。您可以看到动画效果如何将用户引导至下一个视图-曲面已转换以传达层次结构。

    Readme.io应用程序是动画如何使首次登录受益的另一个很好的例子。该应用程序在登录期间使用猫头鹰吉祥物。当用户单击密码字段时,猫头鹰会遮住他的眼睛。当您第一次看到动画效果时,它真的很有趣。



    企业官网设计


    有趣的滚动效果

    运动效果可以考虑对象的物理属性。在下面的示例中,滚动效果通过考虑液体的行为来增强物理感觉。


    与数据的丰富交互

    当设计师使用有趣的动画时,甚至诸如数据可视化之类的著名概念也变得新鲜而出乎意料。


    企业官网设计


    留下反馈变得更加自然

    动画非常适合企业官网设计提供反馈,让用户知道发生了什么或已经发生了什么。通过将微妙的动画效果注入到企业官网设计中,您可以使用户感觉到他们正在与具有个性的事物进行交互。