×

我要网站建设介绍PPT,输入邮件地址,我们把最新的PPT介绍资料发给您。



标 题:在现代网页设计中,动效有哪些常见的用法?
日 期:2017.04.14

令人愉悦的动效几乎已经成为如今网页设计的标准配置了,融入动效的交互细节让现代网页同以往的设计在根本上区别开来。动效不仅可以表现状态,引导用户的关注点,帮助用于预测交互的结果,甚至影响用户的行为。一、加载动效

动效最常用的一个地方就是进度条。加载进度条的加载动效会改变用户对于时间的感知,通过转移注意力的方式让用户等待感降低。如果你无法将等待的时长缩短,那么尽量令这个过程有趣。用户在有趣的动效上投注了越多的注意力,就越容易忽略等待的过程。

二、界面框架

界面框架会将界面加载之后的大概样式给展示出来,界面框架会让用户产生内容一瞬间就加载好了的错觉。这种动效可以应用在绝大多数的网页和APP当中,它会明显强化用户的参与感。

三、视觉反馈

将界面反馈视觉化地呈现给用户是非常实用的。良好的交互设计需要视觉反馈来支撑,传达交互完成后的结果,让交互可用、可见、可预期。

四、悬停动效

桌面端交互主要还是借助触控板和鼠标,光标悬停特效很大程度是为这种情况而存在的,同时,它也是最常见的动效之一。当用户不知道某个控件怎用的时候,会很直觉地将光标移动到上面去,这个时候,悬停特效能够很好的吸引他们的目光。移动端由于交互方式的差异,几乎没法使用悬停动效。无论是按钮还是输入框,当你点击屏幕的时候就已经触发控件了,只能在随后呈现结果,而无法像悬停动效一样预览。

五、吸引注意力

被运动的事物所吸引,是人类的生物本能。这也使得动效成为了吸引用户注意力的完美工具。

六、导航

从设计趋势上来说,越来越多的网站开始选择使用隐藏式的导航菜单,将更多的选项隐藏在汉堡菜单之后。而菜单的打开和关闭中肯定需要动效加持来降低突兀的过渡,如果设计的足够精巧,用户会立刻被吸引住。

七、平滑的状态切换

无论是从一个Tab切换到另外一个Tab,还是界面模式的变化,状态切换是UI界面中最常见的情况,动效能够让状态切换平滑无比。

八、创意特效

充满创意的特效总能让用户真正难以忘怀,它们的价值在于取悦用户,让人记住。

九、长滚动页面

首屏的设计一直是网页设计的焦点所在,设计师将注意力集中在这个充满价值的区域是有道理的。但是页面余下的部分同样很重要,因此结合动效的长滚动页面同样非常有用。动画能够让长滚动页面所承载的故事更加鲜活有意思,相比于炫酷的动效,微妙的动效给人的感觉更加到位。

结语

动效拓展了界面的视觉维度,它连接交互,让界面的功能和效果都更加圆融。

 

无锡网页设计就找无锡海之睿(www.haizr.com)


Are You Interested ?
感兴趣吗?
与我们联系了解更多吧
有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!
  • 网站服务热线:400-710-6678
    邮箱服务热线:400-799-9163
  • 电话:0510-88100198 渠道:0510-80211762
  • 地址:无锡市北塘区中山路637号汇利广场19楼
  • E-mail:fuwu@haizr.com

合作意向表/ Cooperation Form

您需要的服务

您最关注的地方

预算

(欢迎与海之睿网站建设公司建立友情链接,首页交换pr>5,百度排名较好的网络公司及相关行业网站)

版权所有 © 无锡海之睿计算机科技有限公司
Tel:400-710-6678
在线咨询
一键拨号