10大优享服务
62项会员特权

移动网页动画设计方法大放送

发布时间:2021-12-01 10:38:26     阅读次数:10721次     评论数:0次

    现如今的企业和公司,除了要依靠一些线上的推广模式之外,我们的很多公司也建立了一个属于自己自身发展的专业网站,由此我们的企业在进行网站建设时,除了要不断的更新公司网页上的基本信息之外,我们也应该要把握网页上的一些细节上的处理。比如,移动网页动画设计就成为了很多公司关注的问题。

移动网页动画设计方法大放送

    运动路径

    大多数时候物体的运动轨迹是不可见的,但是在特殊的情况下可以看到,如点燃的烟火可以根据火花来看到其运动的轨迹。

    大多数物体的运动不是随机的,而是根据可预知的路径运动,但是通常情况下物体运动的轨迹是不可见的,不过一般具有一定模式。例如机械性的物体,如火车、汽车,运动轨迹一般是直线的,而有机物体,如植物、动物和人,更趋向于曲线运动。移动端的设计,需要考虑界面元素是按照机械物体还是有机物体的规律运动。

    次动作

    主要动作是松鼠的身体和脚,松鼠尾巴的运动则是次运动,这两个动作一同使得整个动作更加真实。

    想象这个画面:一只松鼠跑过阳台跳到一棵树上,松鼠脚上的动作可以表现出它轻盈敏捷的特点,它的尾巴则可以通过有区分的运动方式来支持奔跑和跳跃的主要动作。不过次要动作主要是为了支持增强主动作而非分散了用户的注意力。

    速度

    在奔跑时不同的速度能很好的表现角色身体特征(体重,身高和动作幅度)和他的情绪。当网页动画中,对象或角色运动的速度太慢或太快都会引起人们的反感,也就是说动画的速度是非常重要的。在动画设计中,速度经常涉及到组成一个动作的画面帧数目。速度是一项非常重要的技术,它能够使物体看起来更符合客观规律。并且通过速度还可以表达角色的情绪状态和性格特征。

    不管是列表的滚动还是不同界面的切换,速度原则都是一项非常微妙而重要的技术。在实际的设计中,动画的速度需要不断的尝试和试错,来验证速度的体验感。

    夸张

    加拿大的动画设计师John Kricfalusi在他的动画片《Ren 和Stimpy》中使用了大量的夸张手法。动画中的夸张能带来很多乐趣,并且也可以使对象更形象生动。一个没有进行夸张处理的动画可能看起来比较准确,但是容易让人感到乏味和缺乏人情味。

    在设计中运用这一原则来改变物体的形状、大小,能够增强运动的视觉感受和戏剧性。不过夸张也并不意味着完全失真。Disney对夸张的定义:以有想象力的形式展示真实性的内容。在设计移动体验时需要一定克制的使用夸张手法,界面上的夸张元素应该相互协调,避免给用户造成困惑和干扰。

    丰满的形象和个性

    丰满的形象强调三维形态、精准感和动画的重量感、均衡感和光影感。

    这条原则主要是真的动画角色的设计提出来的,通过重量、体积感、平衡、光影等手段创造一个具有三维感觉的动画角色,并且应该使角色具有个性魅力。这两条原则与移动体验的设计关系并不密切。角色的吸引力就想现场演员一样所具有的个人魅力。

    以上给大家介绍的,就是移动网页动画设计的相关原则了,一个好的移动网页动画设计,不仅能够让我们的网站更加的创意化和个性化,也能够为网站增添不少的创意性元素,从而能够吸引更多的消费者,也才能够帮助我们的企业起到一种正确途径的宣传效果。

本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录