网站滚动视差设计的广泛应用


在前两年还属新鲜事物的“滚动视差”网站设计手法在近来已经被越来越多网站所采用,原来是传统机械古版的网站设计手法相对比较容易产生审美疲劳,视差滚动设计方法近年来在网页设计、手机界面设计等媒体展示端被广泛应用。由于良好的用户视听觉体验倍受热捧,也因其技术与艺术的合理融合,成为热门。网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。版式设计通过文字图形的空间组合,表达出和谐与美。为了达到最佳的视觉表现效果,设计者将反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。




作为未来网页设计的热点趋势之一的“滚动视差”在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮。视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。视差效果,原本是一个天文学术语,当我们观察星空时,离我们远的星星移动速度较慢,离我们近的星星移动速度则较快。当我们坐在车上向车窗外看时,也会有这样的感觉,远处的群山似乎没有在动,而近处的稻田却在飞速掠过。许多游戏中都使用视差效果来增加场景的立体感。说的简单点就是网页内的元素在滚动屏幕时发生的位置的变化,然而各个不同的元素位置变化的速度不同,导致网页内的元素有层次错落的错觉。



与厦门响应式网站设计公司之一的迈格内特广告共识一样,这类设计滚动视差网站的很大一个亮点在于故事化上,也许会有人问:“我要设计的网站内容很难故事化怎么办?”那么我们再给大家讲解另外一种滚动视差常见的设计手法。相对于“故事化”我将它称为“多场景化”。




而滚动视差网站是一个随着滚动不断变化的,所以设计时与传统网页有很多不同。在设计初期设计师要判断这个页面适不适合采用滚动视差。在决定采用滚动视差之后就需要设计者整理现有的内容资料,将其故事化或场景化,然后根据构思设计出关键状态的视觉设计稿。传统网页设计师做到这一步基本上工作就已经完成,可以交给其他人不管了。但是滚动视差的网站不行,视觉设计的工作才刚刚开始,这时,你需要负责跟前端设计师讲解你的设计思路,你需要怎么分层怎么运动。在前端设计师实现的时候通常并不会一帆风顺,通常会因为实现成本等各种问题需要设计师返回去重新修改设计稿。通过反复的沟通,反复的磨合才能完成预想中的漂亮的滚动视差网站。


迈格内特广告为乔丹体育品牌提供设计的《冬征新品专题》就是采用滚动视差的技术效果来制作,体现出前卫,时尚的设计思路。成为高端网站建设,互动网站设计的一种越来越广泛应用的手法,甚至在电商网站设计也开始运用。



迈格内特广告_体验站
厦门众筹设计
厦门响应式网站设计