15919993369

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

更新时间:2020-07-03

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


1.大规模动画特效:

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

网站设计-209.jpg

2.小范围动画特效:

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


接着,我们将介绍最常见的7种动画特效:

网站设计-453.jpg

(1)载入特效(Loadinganimations)

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


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

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


(3)悬停动画(Hoveranimations)

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


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

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


(5)影格动画(Motionanimation)

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


(6)卷动(Scrolling)

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


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

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








Copyright © 2016-2020 https://www.xundang.com 深圳市迅当网络科技有限公司 版权所有 粤ICP备16022386号-1

  • 微信号

  • 15919993369