响应式网站设计常用的一些特效

越来越多人利用动画特效来增添响应式网站的故事性，让体验充满了互动和娱乐性。但你不能仅止于四处放动画特效，要深思熟虑是否加了它可以为网站故事和整体加分。动画特效可以分为两类：

1.大规模动画特效：

主要被使用为互动性工具，对使用者有较大的影响力，包括视差滚动（Parallaxscrolling）和弹窗式通知（Pop-upnotifications）等功能。

2.小范围动画特效：

这些包含了微调器（Spinners）、悬停效果（Hovertools）和加载条（Loadingbars），且用户也无须输入数据。

接着，我们将介绍最常见的７种动画特效：

(1)载入特效（Loadinganimations）

提高娱乐性与使用者体验取代了原本是乏而无味的过程。热门的加载特效通常是扁平化设计（Flatdesign）、极简风格、组合性或一页式网站。让它们简单化，最好不要加音效；这样更让你的网站作为调色盘般，具有个人风格。

(2)非滚动式导航与选单（Navigationandmenus(nonscrolling)）

隐藏导航选单是越来越受到欢迎，特别是因为能减少屏幕的占用空间。

(3)悬停动画（Hoveranimations）

悬停特效给了一个用户用鼠标操作网站的直观感受，使用者浏览有所保留的内容时，自动的悬停动画可以实时提供视觉反馈。

(4)相簿与幻灯片（Galleriesandslideshows）

相簿与幻灯片有效提供了用户展示多张图片，且不会过度负担。

(5)影格动画（Motionanimation）

我们的眼睛自然眨动一般地呈现方式，影格动画有效地提高视觉层次。此模式的设计有助于受到使用者的注意，且增添趣味性。

(6)卷动（Scrolling）

平滑卷动利用动画并提供了更进一步的操作权给使用者，动画特效的快慢可自行拿捏。

(7)背景动画、视频（Backgroundanimations/videos）

一个简单的动画背景若适量使用，可以增加网站识别度；一旦过量也可能导致使用者不再光顾。关键在应用于小环节，或者图片上轻柔缓和的动画效果。