【设计资讯 】改善用户体验的方法

动效设计能够给网站或个人作品增加亮点，过多的动效也会给视觉造成一定负担。设计资讯：改善用户体验的方法文提供了设计中动效使用中的简单小方法，和智唯网络小编一起来学习吧~~应用程序中的动效具有新的改良性的意义。跟过去的华丽、混乱的网站动画不同，新的动画干净、流畅，并且易于导航。忘掉你所知的GIF、令人不愉快的广告和Flash网站吧， 这些都是过去的事情了。当你谨慎并且正确地使用动效时，它能极大地提高用户体验 improves user experience (UX)。动画世界中出现了许多新趋势。 HTML5和CSS3为网页设计师提供了一种在网页上融入动效的方法，而不会使它成为一种令人厌恶的东西。 为您的网站渐进性地增加一点动效，以确保您不会超载页面以及带来杂乱的用户体验。 这里有几种方法将动画体现到您的网站上。

页之间的动画对页面标题和页面加载进行动画，是一种对网站添加动效的有效而不会过火的方法。 当访问者访问您的网站时，可以看到页面之间的平滑过渡。它们通常快速加载，并用一个流畅的动画来弥补页面之间的间隙。

例如，上述 Origami 动画打开和关闭运用了菱形过渡的页面。它在一个微妙的尺度上增加了页面之间的视觉趣味。还有几种其他的过渡风格也可供选择，从隧道、圆圈到波浪。

推荐阅读：网站没棑名，没咨询怎么办？专业诊断，免费上棑名！ 助你快速提升200%业绩

伴随动画的无限滚动我们之前讨论过无限滚动趋势( infinite scroll trend)。许多网站都在使用无限滚动将所有信息保存在一个地方。 而不是通过一系列菜单和子菜单导航页面，用户只是继续向下滚动直到他们找到他们正在寻找的东西。无限滚动是一种体现动效的好方式，，只要页面上的组件是干净、有粘着力的。 太多的色块或太多的动效会混淆访客并带来不可预测的负载。可以考虑使用大背景图片或者是带有令人愉快色调的网格来创建粘结性和简洁性。

Wavo, 音乐/社交媒体网站，提供了一个极好的无限滚动的例子。该网站色调是黑白的，图像是清爽、简单的，它们很好地打破了负空间的每个部分。当用户向下滚动页面时，他们可以很容易地专注于那里的信息，同时仍然沉浸在品牌的美感中。

使图表&图形变得生动动画图表易于结合，而且看起来有趣。它们给你的网站添加了一小部分的运动来创建一个有趣的信息图表。Custora.com, 是一个分析电子商务趋势的网站，它通过一系列丰富的动画图表展示其数据。度量(例如移动订单)，在条形图中生成，当您向下滚动时，该条形图将加载。 它带来了一些兴奋点，否则将是一些沉闷的数据点。 游客自然地被吸引到观看加载条，因为他们想看看它们的停留点。

在这个案例中，动画被用来潜入访客的心理。 此外，动画又是愉悦眼睛的，因为页面没有过重的颜色和其他形式的动画。 网站在一个清爽、白色背景上，运用轻柔的色彩以及柔和明亮的字体， 这使页面上的内容有机会突显，而不必与网站上的其他元素竞争。

慢动效的氛围慢动作动画是将运动融入您的网页设计的最优雅的方式之一。 当页面元素在一段时间内稍微移动时，它自动吸引访问者的眼睛。 它类似于向人们耳语来让他们倾听。当你耳语时，倾听者的耳朵自然地微微翘起，听者在潜意识中更多地关注于正在说的话，慢动作动画同理。 因为运动是如此微妙，以致访客的眼睛想要查看对象，看它是否真的是移动。 这是一个很棒的方式，鼓励你的访客驻足去闻一闻(或看一看)玫瑰。无论您使用慢动作作为页面上的背景图片，还是转换为更快节奏的动画(称为“缓动”)，慢动作很自然地与人类大脑产生共鸣。现实世界中的有机物往往以不同的速度移动，慢慢地开始，速度拾取，并在停止之前减速。因为心灵期望这种运动，它潜意识地使用户感觉更舒适地使用您的网站。

如何建站：

建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了