Contact

0574-27729591
city@city-design.cn

Address

中国·宁波·江北区同济路
云汇中心3号1312

WeChat
menu

这些动效,让网站设计更质感!

2017-03-31
网站设计的呈现是平面的。尽管我们在做网站的时候加入了很多高大上的视觉效果,但是归根结底,它依然是一个平面层的展示页面。如何让网页变得生动、立体起来,这个时候就需要动效来帮忙了。令人愉悦的动效几乎已经成为如今网页设计的标准配置了,融入动效的交互细节让网站显得更有质感,不仅可以表现状态,引导用户的关注点,而且还能很好地提升用户体验。一个令人称赞的网站一定离不开好的动效,它能够让浏览者惊叹不已!

那么在宁波网站建设中,又经常会用到哪些动效呢?

加载动效
动效最常用的一个地方就是进度条。要知道在浏览网站的时候,需要等待是每个用户讨厌的事情。如果无法将等待的时长缩短,那么尽量令这个过程有趣。进度条的加载动效会通过转移注意力的方式让用户等待感降低,甚至让用户觉得等待是一件有趣的事情。我们城池设计在切换到联系页面时,就使用到了加载动效。一只蓝色章鱼在屏幕中间游动,增加了页面切换的趣味性。


悬停动效
鼠标悬停特效是如今网站中最普遍的一个特效之一。当用户不知道需要进行点击操作的时候,这个特效可以能够很好的吸引他们的目光,引导用户的动作,同时增加友好度。

导航
从设计趋势上来说,越来越多的网站开始选择使用隐藏式的导航菜单,将更多的选项隐藏在汉堡菜单之后。而菜单的打开和关闭中肯定需要动效加持来降低突兀的过渡,如果设计的足够精巧,用户会立刻被吸引住。下面这个案例中,当用户单机圆形箭头按钮的时候,一个超大的菜单会从侧面弹出,弹出过程中不仅有动画,而且整个界面变暗会让用户更加难以忽略菜单的存在。


长滚动页面
首屏的设计一直是网页设计的焦点所在,设计师将注意力集中在这个充满价值的区域是有道理的。但是页面余下的部分同样很重要,动画能够让长滚动页面所承载的故事更加鲜活有意思,相比于炫酷的动效,微妙的动效给人的感觉更加到位。你可以将你的网站设计成可滚动的“区块”,每个区块中呈现不同的内容。

相关新闻
work案 例
about关 于

联系我们

Tel

0574—2772 9591
158 2427 9580

很遗憾,您现在使用的是低版本的浏览器,为了更好的浏览体验,建议使用Chrome(谷歌浏览器)访问我们的网站。