原创《Load1ng动画的设计要素》
本文是设计要素方面有关毕业论文开题报告范文跟Load1ng动画和设计要素和浅析有关本科论文范文。
Loading动画指的是程序在后台加载过程中用户界面上展示的动画动效.Loading动画是UI界面设计中的一部分.如今,人们对于计算机以及移动客户端的需求在飞速增加,甚至产生依赖.对于互联网产品无论是网页还是APP,用户已经不单纯于追求其功能性,也更加在意视觉美感和人机之间的交互体验.Loading动画作为UI设计中不可或缺的一部分,由于其占据时长较长,页面占比较大,且一般出现时机较为关键,把握其中的设计要素显得尤为关键.
一、loading动画的目的与作用
（一）过度界面.Loading动画通常使用在界面之间交换衔接之处,并且往往会打乱用户的使用节奏.以舒适平滑的的方式处理页面或视图之间的转换,帮助用户平缓过度期使用节奏的变化.
（二）信息传递.在程序打开或者大幅跳转时,程序需要调用系统资源,不会立刻呈现出其信息或界面,loading动画会起到告知用户需加载内容及加载状态的作用,在加载时间过长时可以明确用户所需时长或当前加载进度.
（三）缓解焦虑.加载过程需要时间,且打断用户的流畅体验.对于加载界面,用户容易产生急躁心理.Loading动画最主要的目的就是缓解用户等待时的焦虑,以免用户由于等待时间过长,从而失去对程序内容的兴趣和期望,导致用户流失.
（四）美化装饰.由于大部分的loading动画时间较长,且页面占比较大,loading动画对程序的整体UI的风格和视觉效果起着关键作用,可以做到丰富其整体UI的装饰内容,提升视觉冲击的目的.
（五）品牌推广.通过loading动画的内容进行品牌印象的加深和推广, 例如将创意与品牌logo或者理念相结合,制作出的动画,不仅能够转移用户注意力,让用户眼前一亮,更可以将品牌视觉和理念推给用户,加深给用户的品牌印象.
二、loading动画的主要类型
目前的程序设计之中,合理的数据加载方式主要分为全屏加载、优先加载、整页加载、自动加载、只能加载、离线加载.一般体现于用户界面的加载主要是全屏加载、优先加载、整页加载和自动加载,智能加载与离线加载在用户界面基本不会进行显示,因此不作深究,根据加载方式的不同,loading动画所占用的屏幕面积以及其动画时长都有所不同,所使用的动画类型也不尽相同.从loading动画的形式上进行区分,主要包含以下几种类型.
（一）条类型,也就是进度条类型.loading动画,其进度条多为长条状、圆形,也有不规则图案,比如logo或者其他与当前程序相关的图形图案.这类型的动画一般都用于时间较长,加载内容较多时使用,多配有明确的进度标识,让用户对于当前的加载状态和剩余等待时间有明确的心理预期.多用于全屏加载,整页加载偶尔也会用到这种类型的加载动画.
（二）循环类型.一般这类型的动画都是循环、旋转动画,利用旋转或者规律性的循环运动暗示着时间的流逝,更能通过其有规律的动效和运动速率加快节奏,给用户以时间加速的错觉,减少用户等待的焦虑感.这类型的动画一般用于一些加载时间较短的环境,比如优先加载、自动加载.这类型的动画由于是循环动画,且多不显示加载进度,一般不使用于较长时间的加载中,否则由于其无限循环和快速的节奏,反而会使用户更加急躁.
（三）动画类型.即使用一个有形象或者有内容的小动画,将其作为loading动画使用在产品中.最常见就是使用跑步或者走路的动作制作的循环动画,还有一些便是根据产品的内容设计更加与产品相关动画内容作为loading动画,这类加载动画占据较大页面资源,需要一定的播放时间,适用于时间较长,加载量较大的环境,只在全屏加载和整页加载时使用.这类动画能大大体现产品的风格特点,突出产品的个性特征,在给予用户新奇、有趣的感受同时,能够大大提高自身品牌的识别度,加大品牌影响力.
（四）除了以上三种之外,有一些网页和手机游戏在再加载动画中加入一些小的交互形式.这类型的交互都很简单,以响应式设计为主,以触碰或者点击作为触发,产生反馈.此外,在一些优先加载的情况下,设计师利用动效之间时间差来为加载争取时间,省去一些不必要的加载动画,利用动效变化让程序加载的时间平滑地过度,给客户以流畅的体验,感觉不到加载所使用的时间.
三、loading动画的设计要素
Loading动画作为整体UI的一部分,也不能对其只进行单独考虑,要将其置于整套UI设计中,考虑其整体性和统一性.因此,对于其设计要素分为以下几点.
（一）形式合理.动画设计前要对产品的目标人群、产品主题,以及其功能目的都需要有进一步分析,更需要针对产品不同的加载形式进行研究,分析其加载形式以及加载的流量大小所需时长,加载时加载内容的所占页面大小,对于不同情况的加载环境进行分类,对于不同的环境设计其适应的动画类型和动画形式.
（二）风格统一.动画的视觉设计要注重整体UI的和谐统一,将品牌和UI的视觉风格、元素、符号融入到动画设计之中,这样不仅能够给人耳目一新的感觉,而且能够加深消费者对品牌的印象,提高品牌价值,有着很好的推广效果.在动画中加入该产品UI的特有动效,统一加强整体的UI风格,使产品更加个性化,加深给用户的印象.
（三）缩减成本.loading动画虽是产品开发中不可或缺的一环,但不是产品核心,因此要在保证其功能和作用的情况下,缩减其动画的开发成本.Loading动画作为一个功能性动画不能损失其功能性,在设计制作时,应控制其运行时的流量占比,不能影响程序的运行和加载.循环动画和简单运动动画成为loading动画的最佳选择.
（四）安抚情绪.作为UI设计的一部分,loading动画的设计一定要以用户体验为第一要素,作为loading动画最主要的就是缓解用户等待时间的焦虑.减少用户的焦虑心理主要有以下几点.
第一,转移注意力.让用户感觉到等待时间的减少最常用的手段便是转移用户的注意力,用其他有吸引力的东西,引导用户注意力的转移,从而让用户忘却等待时间.这个方法的核心便是让用户在等待的时间内有事可做.对于loading动画来说,本身就是一种吸引用户注意力的手段,如何让动效更加有趣,吸引更多目光又不过于繁琐花哨.更有一些公司将一些小的交互加入到loading动画中,比如去年很火的音乐游戏《lovelive》该游戏的loading界面以游戏主要形象为主体,触碰之后不仅在画面上会与用户有动作上的互动,而且伴有安抚用户情绪的语音,让用户在等待时也可以有一些小的互动,以此减少用户对等待时间的敏感程度.
第二,给予允诺.在loading动画中通过画面内容或者百分比的标识,告知用户加载进度和所需等待时间,给以用户以足够的期望,并且可以了解当前加载程度,不让用户因为对于等待时间的未知而产生厌烦焦躁心理.状态型动画大多都是遵从了这点,为了让人有更高期望.例如一些loading动画设计之中会将一条进度条拆分成几次读取,这样可以加快缓冲速度,让用户一直保持着一种加载立刻就要完成的心态,但如果进度条分段太多,用户一直处于0-100循环的状态,会适得其反,不仅失去耐心,更会产生被欺骗的感觉从而对整个产品失去信任,造成对品牌形象的损坏.
第三,增加信息量.在loading动画中加入一些关于产品部分功能的预览或者一些小的提示,增加等待时间内的信息提供量,不但可以吸引用户注意,分散其注意力,更可以利用等待时间增加用户对产品的期许,一些关于产品的小提示还能提高产品的亲和力,提高用户对产品的好感,类似的方法多运用于手机游戏的加载界面,大多数游戏的加载界面都伴有游戏简介以及游戏中的一些小提示,比如网易的《乖离性百万亚瑟王》、幻萌《战舰少女R》以及绝大多数属的手机端游都将这个方法运用在他们的游戏loading动画设计中.
第四,为用户提供简单的等待提示.这种策略一般运用在等待时间较短的时候,虽然需要时间很短,但依然会打断用户的操作体验,提供简短提示可以让用户有一个心理准备,有了提前的心理准备,较短的加载时间会让用户产生一种加载很快的印象,从而提升用户对产品的好感提升.
四、loading动画的细节提升
（一）符合用户心理预期.Loading动画设计的内容要符合用户的心理模型,让用户一目了然此时产品的状态和功能,在设计时可以使用一些比拟的手法,利用直线运动或者旋转暗示加载进度和时间流逝.不仅可以非常明确地让用户了解当前正处于需要等待的状态,更可以通过不同的方式的比拟,设计出更有创意和新意的loading动画,给用户意料之外的惊喜.
（二）降低用户观看成本.loading动画作为功能动画,在用户使用产品时,总会多次反复地出现在用户面前,过于繁复的设计,虽然能在初次播放时抓住用户注意力,给用户带来视觉冲击,但多次反复地冲击会给用户带来情绪上的负担,反而适得其反.对于这类功能性动画的设计,考虑到用户的观看成本,做到简单却不失特色,避免用户负面情绪的产生.
（三）注意加载时间对用户行为的影响.用户会根据加载时间的长短对自身行为进行调整,当时间小于0.1秒时用户不会有任何感觉不会改变用户正在进行的行为,当时间在0.1秒-1秒之间时虽然用户会感受到有一定的延迟但在接受范围之内,用户不会对自身行为产生调整,1-10秒之间,10秒是用户保持注意力的上限,这段时间虽然用户可能会对自己的行为进行微调,比如,去看一则新闻,或者回一条信息,但用户还会在短时间之内切回产品进行后续操作.加载时间在10秒以上的,用户一定会对自身行为进行调整,将注意力转移到别处,此时将转移至别处的注意力拉回便是设计重点.在设计动画时要针对不同的加载时间,给予不同的设计思路,在时间较短时,转移注意力,减少加载给用户带来的停顿感,安抚用户情绪.在时间较长时,给予用户允诺,加载完成后能够将已转移的注意力拉回,影响用户行为.
五、结语
Loading动画虽然只是作为UI设计其中的一小部分,但能影响到用户的体验和情绪,从而影响到整个产品给予用户的印象.现在的loading动画类型众多、形式多样,虽然目前还不是当前动效研究的重点,但其实loading动画的设计还存在许多细节有待研究.loading动画有着许多切合自己的设计要素,有着很强的目的性和功能性,通过不断地深入研究和改进,可以让用户不再烦躁于漫长的等待,让等待变成期待.
设计要素论文参考资料：
此文点评,此文为一篇关于设计要素方面的大学硕士和本科毕业论文以及Load1ng动画和设计要素和浅析相关设计要素论文开题报告范文和职称论文写作参考文献资料。
