如何判断网站设计的动效是否合格?

2018-01-22

在设计页面的时候,我们都会运用到动效在增强网站的效果。网站设计中,一个完整的动效不仅要有趣,而且还要有清晰的逻辑性。动效的使用可以降低用户对网站内容的认知负担,在沟通的时候,可以更有效地进行交流。一个合格的动效要怎样使用才能让页面变得更生动呢?这需要满足那些因素呢?

网站动效设计


网站设计动效效果


第一、响应。在设计网站动效的时候,视觉反馈是最重要的,因为用户在浏览网站的时候,会通过按钮进行相关的操作,并且在操作之后想要更多的信息,这也就是用户对动效的期望,也就是响应。因此,界面在设计的时候,就要结合用户的交互作出合理的响应,这样用户才可以将各种操作和效果联系起来。从而知道哪些操作会有什么样的结果。

第二、关联。动效的设计就是将界面以及将要出发的操作联系起来,从而产生逻辑关系,帮助用户更好地理解界面的变化。例如音乐播放器的按钮动效,播放以及暂停是最常见的动效设计。播放按钮是动效的一个过渡,色彩的使用以及动效可以让两者之间的关系更直接,而且逻辑性更强。

第三、自然。一个设计优秀的动效,是不会有突兀的感觉的。动效的每一个变化都是自然的,例如物体的加速,减速会因为物体的重量、惯性等等的影响。

第四、意图。动效本身就具备突出的属性,不像静态的文本以及图片,是不变的。一个合格的动效可以引导用户很自然地进入到下一个环节。用户在进入网站的时候,与界面交互的时候,并不知道该怎么做。而动效就可以帮助用户很好地发现变化的趋势,而且是很自然地表达出来。

第五、快速。界面可以通过动效改变位置以及状态,所以动效的速度一定要合理,不能慢也不能快,要让用户清晰地知道转变过程中存在的关系。

第六、清晰。一个合格的动效一定是清晰的,如果一个动效包含了很多内容的时候,用户很容易就会产生疑惑,甚至产生混乱的感觉。

因此,网站设计中一个合格的动效设计一定要满足以上六个核心因素,响应、关联、自然、意图、快速和清晰。企业如果缺乏建站技术,可以直接使用凡科建站的网页模板建网站,这种建站方式不需要技术要求。


免费使用