TOPVE唯艺互动

TOPVE VIEW
保持不断的探索与研究
慧眼看世界,在设计的路上不断追求创新!
Keep exploration and research

网站界面设计中的动态效果应该如何运用

发布于:2016-11-23 16:02:36 作者:TOPVE 来源:TOPVE  人气:

当前位置:首页观点行业资讯 正文

高端网站设计-唯艺互动,在这里要告诉大家的的是:动态效果,不管是FLASH、动画还是视频,越来越多的被用到网页设计中,但是在我们热火朝天往画面上添加各种动效的时候,是否应该时刻反思一下,这么做真的对吗?

网站界面设计中的动态效果应该如何运用

高端网站设计-唯艺互动,在这里要告诉大家的的是:动态效果,不管是FLASH、动画还是视频,越来越多的被用到网页设计中,但是在我们热火朝天往画面上添加各种动效的时候,是否应该时刻反思一下,这么做真的对吗?凡事是否都应该有个度,动效肯定也不会例外。下面我们就从为什么动?哪里动?怎么动?这三个方面来给大家说说我们蒙特的一点想法:

一、为什么动?

  首先,为什么要动?可能你会想到以下几条理由:

  这让我的作品看起来很炫酷;动效会带来流量;别人都这么做了,我也得做……如果要是这么想,肯定是不行的。那么该如何衡量一个动效是否应该出现呢,蒙特认为有几个考核标准:

  1. 这个动效是否会影响性能?

  首先,这个动效是否会影响性能?这个是最重要的,添加任何动效前都要考虑是否会影响产品的性能,如果一个很酷炫的动效会拖累性能,使体验变得卡顿不流畅,那么必须毫不犹豫的砍掉或简化。

  2. 这个动效是否会提高产品的可用性?

  任何动效的出现都必须带有明确的目的性,能够解决用户在使用过程中的困惑,而不是炫技。单纯的炫技只会分散用户的注意力,弱化内容,变得适得其反。

  3. 这个动效是否会给你的产品带来独特气质?

  这里所说的气质是动效本身会有助于增强用户对于产品的认知和情绪带入。一个相得益彰的动效会为你的产品锦上添花,深化你的主题和功能,注意,一定是与主题相关的,牵强的搭配只会叫人觉得莫名其妙,毫无意义。

二、哪里动?

  好,我们再看看哪里需要动效,这里举几个例子:

  1. 加载

  首先是出现在加载环境,不管是网页还是H5都不可避免的会出现让用户等待的情况,在等待的过程中为了让用户知道他的手机没有死机以及网络是通畅的,我们应该在这个时候加入一些与主题相关的动效来提醒他内容正在加载中。

  2. 转场

  第二个情景是转场。具有意义的转场会降低产品割裂感。

  3. 页面元素的互动

  也可以为网页元素增加一些必要的动效。

  4. 心理需要

  这里所说的心理需求是指气氛和情景的营造,例如节日,游戏活动等产品,是需要一些动效去满足用户心理需求的。大家都知道在微信里输入“生日快乐”是会掉下生日蛋糕的,这个动效就比干巴巴的文字有趣多了。

三、怎么动?

  好,说完哪里动,我们现在看看怎么动。

  1. 基于真实形态的模拟

  基于真实的动画会叫人看起来自然流畅,符合规律,比如物体运动时的加速度现象。

  2. 人物动作夸张化

  在H5的设计中,经常会出现各种各样的人物形象,夸张的人物动作会生动你的形象,增加趣味性,给用户以惊喜。

  3. 给元素赋予弹性

  有弹性的物体会叫用户觉得具有生命感和真实性,弹的程度取决于你对元素软硬度的设定。

简单来讲,当用户打开一个界面,注意力首先会被动态的物体吸引,然后才会把注意力转向颜色对比强的部分,最后才是形状。这一过程是人在进化过程中形成的本能反应,基本适用所有用户。同时一个非常重要且容易被忽略的原则:用户的注意力是有限的,而且越来越少。很可能在用户注意到一段动效之后,注意力和耐心已经用尽,无法看到其他内容就着急去下一个界面了。

在网站设计领域,TOPVE高端网站设计可以说把设计的优点以及效果运用的非常到位,诸多经典案例以及素材的把握也是非常恰到好处,一度被诸多网站设计公司视为借鉴模仿的对象。真正有创意、紧跟互联网趋势发展的建设性网站设计公司当下为数不多,当你的网站设计需要做得更好时,值得你选择的,TOPVE唯艺互动必定是不二之家!

分享到:
延伸阅读:
你觉得这篇文章:
收藏到个人中心
唯艺互动-专注高端网站设计

TOPVE唯艺互动

相信设计的价值 让美好的事情发生

专注高端网站界面设计

联系我们

QQ联系:270304282

邮箱:haobanfa1@163.com

唯艺互动-专注高端网站设计

抱歉!好像您使用的浏览器版本太低了
为了得到我们网站最好的体验效果,我们建议您升级到最新版本的IE浏览器,或选择其它推荐浏览器

继续访问请进入旧版TOPVE