30多个网站证明视差并未死亡

Paddi MacDonnell. 经过 Paddi MacDonnell.  |  7月17日2015年

视差滚动被定义为背景图像滚动的站点比前景更快,从而创建深度的印象。那个刚性定义是关于视差的大多数神话的根源:它不适合多页,它不适合大型站点,它在移动设备上是不可用的,这是一个日期的趋势,它的可用性是不好的,用户不喜欢它,这对SEO不好,我可以继续......

更好的定义是:视差滚动是一个站点,元素以不同的速度滚动,从而产生动态效果。

像任何东西,当它做得严重的时候,Parallax滚动对网站不利。但是很多网站都很好地做得很好。

几年前的视差趋势并不是关于视差的,它是关于平面插图,永远滚动到内容,单页网站与线性叙述。这些用户体验已经过时,但视差本身并没有,因为Web上的滚动是自然的。

现代视差优雅地降低,懒惰的装载元素,并对用户体验提供积极贡献。用户需要对其交互的视觉反馈,并且视差滚动是对Web最常见的交互的完美方法,滚动。

 

标题视差

视差滚动的最常见实现之一是标题视差。一旦你的眼睛看到了深度,它很难不公开它,所以要创造经典的深度印象,你需要只在标题中介绍它。将其余内容留在正常滚动。

克里斯罗伯茨

这是纯粹的

 

蒂姆德格劳格

timdegraag.

 

米兰设计周

设计

 

Y7K

y7k

 

kontor.

kontor.

 

比尔拜伦葡萄酒

Billbyronwines.

 

空间

范围

 

Karen Atherley

Karenatherley.

 

文本视差

通过保留文本内容前沿和中心的同时支持像图像滚动超过用户的内容,通常用于改善UX。

弗莱彻系统

弗莱彻系统

 

工业艺术

行业

 

苹果

苹果

 

另一个逃生

又一个

 

我喜欢照片

ilike-照片

 

微妙的视差

就像前骚乱GRRRL那样,其唯一点头对她的少年来说是一个星期六晚上对眼线的过度热情,Parallax Scrolling已经长大了。适用于少数元素的微妙视差效果创造了优雅的浏览体验,符合魅力并涉及用户。

特点

人物

 

Nutsandwoods.

Nutsandwoods.

 

你必须爱前端

YougottaloveFrontend.

 

干草罗西

哈迪斯

 

哈达伍德庄园

野兔般的

 

固定点视差

固定点视差非常适合将重点关注您的主要内容。这种视差通常可以使用CSS来实现,并产生有效且功能的位点。这是产品演示的理想技术。

格式

格式

 

推动

推动

 

西蒙福斯特

SimonfosterDesign.

 

经典视差

仍在产生经典,全面,视差体验。有几个网站使用它效果很大。视差远远超出了现在的趋势,这是对网站的自然影响,因为这些网站显示。

海盗

piratetoronto.

 

l'amour fou.

兰娄府

 

灯电话

ThelightPhone.

 

MélanieF.

Melanie-F.

 

Penxo.

Penxo..

 

FS emeric.

fsemeric.

 

Rob Krar.

罗克德尔

 

天鹅绒锤子

velvishammer.

 

猎犬

猎犬

 

打电话& Clo

召唤 - 克罗