首页 > 网站建设 >

网站设计如何巧用滚动视觉差让您的作品与众不同(下篇)

发布时间:2018-05-29 作者:福田网站建设公司

 网站设计制作合理利用视觉差进行设计会让你的作品变得与众不同。
16. Walking Dead网站设计案例

这个网站很有创意,以视差滚动的方式讲述一个惊悚的迷你僵尸电视剧。向下滚动鼠标,你会看到一个丧尸如何走向不同的场景。整个故事以水平视差滚动自动播放。里面的动画真的很棒,另外背景音乐也创造了一种令人毛骨悚然的氛围。

17. 网站设计案例Seymour Powel

该网站的设计师是一个多学科的设计研究团队,有战略家,品牌专家,产品经理,用户体验师,用户界面设计师和制造商。该网站有不同的图层可以增加界面深度,并且采用平滑滚动的视差效果。和Porsche Volution的设计比较接近,只是配色没有那么大胆。

18. 网站制作设计案例Youandigraphics

该网站是一个可以完全将您的设计理念变为现实的地方。设计师Irene DemetriI热衷于创建美观和直观的响应式网站,适用于各种类型,各种尺寸设备的大型和小型项目。这个网站的视差没有那么强烈。你单击按钮时,不同的元素会以反方向移动,形成一种简单的视差。

19. Bagigia

想象一下,冬天里,怀抱一个热水袋感觉怎么样呢?这就Bagigia的设计师的灵感来源,创造一个关于热水袋展示的网站。当你向下滚动时,第一个网页页面会像幕布一样升上去,切换到一个可爱的热水袋的页面。该网站的视差效果也几乎集中在第一页。另外,滚动时,底部有一个“拉链”进度条,从左向右移动,很生动。

20. 网站视觉设计案例Anton&Irene

我很喜欢这个网站的配色,温暖干净的界面。首页的安东和艾琳穿着一件色彩鲜艳的衣服看起来很酷。当向下滚动时,他们则会退后一步,同时页面载入文本信息。粗字体和整体色彩创造了一种美妙的视觉体验。如果你将鼠标放在Anton&Iren身上,就可以看到他们的脸部或一个鼻子。

21. 网站制作前端设计案例Putzengel

向下滚动鼠标时,会以视差滚动的方式连续显示 6 个页面。每一个页面都是日常生活中我们做清洁的场景。页面动画非常不错,尤其那个垃圾自动进入垃圾桶的动画,引人深思。

22. 网站前端设计案例Beckett

该网站是您进行创意设计的一个不错选择,它是一个德国网站,但有多种语言可以切换。通过使用视差滚动来增加了网页插图的丰富度。但个人觉得这个网站的元素有些许杂乱。

23. 网站制作视觉效果案例Lost Worlds Fairs

这也不是一个非常典型的视差滚动效果网站,当滚动鼠标,会有一个卡通人物进入一个神秘的管道,管道上有无数的窗口,可以让该人物在页面滚动时看到不同的场景。这个网站还是有一定的趣味性,看这个人物经历所有场景并最终到达他的目的地非常有趣。

以上就是Mockplus团队整理的一些视差滚动网站设计例子。不知道是不是对您有所帮助呢?不要忘了使用Mockplus去进行网页视差原型设计哦。还没有尝试过的小伙伴,相信你也可以做出同样精彩的设计。深圳网站制作公司博纳网络欢迎交流。

文章标题:网站设计如何巧用滚动视觉差让您的作品与众不同(下篇)
本文地址:https://www.198bona.com/news/1014.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯