12个惊人的视差滚动网站示例
已发表: 2015-06-15在过去的几年里,视差滚动一直是该镇的话题。 越来越多的设计师将设计元素应用到他们的网站中,这就是它如何欺骗用户相信整个网站是 3D 的。
今天,我们将通过视差滚动网站的惊人示例。 使用视差滚动创建的网站是 Web 技术进步的一个例子,尤其是 HTML 和 CSS。
尽管该技术非常酷,但许多网站并未正确实施,这可能会导致所使用的技术名声不好。 为了激发您作为 Web 开发人员的灵感并了解视差方法的美观程度,我们向您展示了令人难以置信的视差滚动站点示例。
视差这个词的意思是“变化”,这意味着近处的物体比远处的物体变化少,给人一种运动的错觉。 游戏中使用的大多数 3D 渲染技术都是基于错觉的技术,它利用我们的大脑如何工作并利用它们来发挥自己的优势。
1. 英国皇家军团
英国皇家军团的一个很棒的网站。 它向服务人员致敬,并教育观众了解他们的艰辛。 通过正确的消息和正确的视差滚动方式,您最终可以了解网站的重要性。
该网站的主要动机是将信息发送给观众,但不会太复杂,而且不会太生硬。

2.药物治疗
吸毒是我们社会的主要问题之一,而戒毒是我们生态系统的重要组成部分,让每个人都有机会康复并开始他们的正常生活。 网站更重要的方面是背景图片以及它们对用户的感觉如何,而不会让用户觉得太难。
信息被正确和准确地点亮。

3. 太小不能结婚
另一个伟大的网站,强调我们社会中的一个可怕问题。 该网站很长,深入探讨了童婚问题。
网站的基本颜色是红色,它提供了很好的视差滚动到网站。 网站的设计中加入了很多小动画,我很高兴找到了将其列出的网站。

4.格林曼
Greenman 是视差滚动、出色的色彩组合和整体审美价值的混合体。 该网站与威尔士节绿人有关。 该网站还在网站底部托管了一个时尚的音乐播放器。
该网站由 YCN 工作室提供支持,是视差滚动效果的一个很好的例子。

5. InTaco 10 年
到目前为止,我们看到的视差滚动网站都是从顶部开始的,但是这个网站颠倒了规则,从底部开始。

该网站由 inTaco 数字合作伙伴制作,他们试图借助能够在太空深处飞行的视差滚动火箭来展示他们十年的旅程。
您可以通过两种方式浏览该网站。 一种是自动的(首选),一种是手动的。 我真的很喜欢这个网站,你也会这样做。

6.狨猴
Marmoset 是另一个利用视差滚动的例子。 该网站与音乐相关,并提供出色的视觉体验。
大搜索栏在网站上提供了很棒的设计元素。 该网站确实使用了最小视差滚动,但改善了用户体验。

7. AscensionLatorre
AscensionLatorre 是一家以家具为基础的公司,让他们感受到了他们的在线形象。 在网站中使用视差滚动是惊人的。 网站上使用的颜色是深色和金色。

8.阿拉
Ala 网站色彩丰富,设计精美。 Ala 是一家专注于插图、交互和界面设计的工作室。
该网站使用大字体和现代网页设计的其他元素来充分发挥作用。

9. 番茄罐头蓝调
纽约时报建立的一个很棒的基于故事的网页。 插图非常醒目,您会发现自己掌握了文字并巧妙地使用了视差滚动。
该网页非常长,一定会让您对它提供的内容感到满意。 一定要检查一下。

10. 脑力游戏:我们喜欢信息图表的 13 个原因
一个交互式信息图,用于了解为什么我们的大脑喜欢信息图。 该信息图使用高级视差滚动,并提供了关于我们为何如此喜欢信息图的深刻见解。
信息图非常吸引人,以至于谷歌对具有信息图的网页进行排名,以向用户展示信息。
事实上,我们记得 80% 的所见事物,信息图表提供了一个很好的工具,可以最大限度地传递信息。

11.柏林的Airbnb
Airbnb 是一家以住宿为基础的公司,因其为世界各地的人们寻找独特的住宿而广受欢迎。
他们在柏林的出现受到了一个展示视差滚动的精彩网站的欢迎。 惊喜的第一个元素是他们从世界地图进入柏林地图的方式。 网页的其他元素也经过独特设计,赋予网站正确的感觉和触感。

12. 西雅图太空针塔
Space Needle Seattle 是互联网上最好的视差滚动网站之一。 它以独特的方式呈现信息,可以轻松捕捉所有六种感官。
电梯上升,从太空针塔展示西雅图的不同方面。

包起来
我希望您喜欢视差滚动网站的精彩示例。 视差技术将继续存在,并且通过实施全屏和大字体技术,网站看起来更好。
众所周知,一个伟大的网站是一系列小技巧的集合。 有许多网站利用先进的设计技术,包括视差滚动、大字体、幽灵按钮、材料设计、下拉菜单等,以打造有史以来最好看的网站!
您有一个很棒的视差网站吗? 在下面发表评论,让我们知道。
