网站设计缺乏创意？视差滚动网站设计让你与众不同2

2018-04-18 908

这是一个日本网站。当向下滚动时，有一个可爱的卡通女孩在页面上移动，页面会根据女孩的位置载入不同的信息。视差滚动效果会在最后一个画面结束，因此您可以阅读所有信息而不会感到头晕眼花。

Melanie Daveid会带给你一个数字世界的美妙体验。精致的细节展示和品牌指南使它在视觉上有惊人的效果。滚动时，页面被分成两部分，左侧页面静止，而右侧则继续滚动，形成一种视差。

这也是通过讲故事的方式展示网站视差设计。The Boat共有 6 章，每章节以视差幻灯片形式演示了各个不同的情节，移动视差层也有利于创造深度感。我个人也很喜欢这种素描风格的页面元素。

该视差滚动网站采用纯深色背景。当你向下滚动鼠标时，界面右侧有UI元素淡入淡出。此外，有一款手机会在你滚动时页面时有节奏的旋转。

Assemble是一个免费的在线的作品集网站，您可以制作出精彩的作品集。首页有 18 个美丽的主题可供选择，这些主题以网格结构排列，当你向下滚动时，每各主题会依次展示，伴随轻微的跳动载入。

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

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

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

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

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

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

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

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

以上就是Mockplus团队整理的一些视差滚动网站设计例子。不知道是不是对您有所帮助呢？不要忘了使用Mockplus去进行网页视差原型设计哦。还没有尝试过的小伙伴，点击https://www.mockplus.cn下载，相信你也可以做出同样精彩的设计。欢迎交流。