• 首页
  • 站长新闻
  • 经验心得
  • 新手教程
  • 营销策划
  • 搜索&SEO
  • 创业
  • 互联网
  • 电子商务
  • 专题
  • 世界新闻
  • 当前位置: 云商网主页 > 营销策划 > 文章详细内容

    网页动效有哪些常见用法

    2017-08-06 - 营销策划 - 阅读: -作者:admin -加小编V信:hxw700   我要投稿
    加载动效
      动效最常用的一个地方就是进度条。加载进度条的加载动效会改变用户对于时间的感知,通过转移注意力的方式让用户等待感降低。
      如果你无法将等待的时长缩短,那么尽量令这个过程有趣。
      简单的加载动效其实比复杂的更好。额外的东西,比如声音效果就没有存在的必要了。用户在有趣的动效上投注了越多的注意力,就越容易忽略等待的过程。
    视觉反馈
      将界面反馈视觉化地呈现给用户是非常实用的.良好的交互设计需要视觉反馈来支撑,传达交互完成后的结果,让交互可用、可见、可预期。网站界面中哪些元素可交互如果是不可知的、交互的结果也不可预期,混乱就不可避免了。周密的交互设计可以帮助用户理解,将这种混乱降到最低。
      悬停动效
      桌面端交互主要还是借助触控板和鼠标,光标悬停特效很大程度是为这种情况而存在的,同时,它也是最常见的动效之一。
    无论是从一个Tab切换到另外一个Tab,还是界面模式的变化,状态切换是UI界面中最常见的情况,动效能够让状态切换平滑无比。在《Smart Transitions In User Experience Design》 这篇文章中, Adrian Zumbrunnen 提供了一个很好的粒子,动效是如何帮助用户理解上下文和状态变化和不同的部分的。
    不得不说,首屏的设计一直是网页设计的焦点所在,设计师将注意力集中在这个充满价值的区域是有道理的。但是页面余下的部分同样很重要,事实上,有个说法是“正常媒体页面上百分之66%的用户注意力都在首屏之下”,因此结合了动效的长滚动页面同样非常有用。
      动效让滚动式的交互充满了趣味。
      动画能够让长滚动页面所承载的故事更加鲜活有意思,相比于炫酷的动效,微妙的动效给人的感觉更加到位。你可以将你的网站设计成可滚动的“区块”,每个区块中呈现不同的内容,下面的案例就是这么做的:
    顶一下
    (0)
    0%
    踩一下
    (0)
    0%

    赞助链接

    赞助链接