30 sites que provam que paralaxe não está morto

A rolagem Parallax é definida como um site no qual a imagem de plano de fundo rola mais rápido do que o primeiro plano, criando a impressão de profundidade. Essa definição rígida está na raiz da maioria dos mitos sobre paralaxe: não é adequada para várias páginas, não é adequada para grandes sites, é inutilizável em dispositivos móveis, é uma tendência datada, é ruim para usabilidade, os usuários não gostam disso , é ruim para SEO, eu poderia continuar ...

Uma definição melhor seria: A rolagem Parallax é um site no qual os elementos rolam em velocidades diferentes, criando um efeito dinâmico.

Como qualquer coisa, a rolagem parallax é ruim para um site quando é mal feito. Mas muitos sites fazem paralaxe bem.

A tendência parallax de um par de anos atrás não era realmente sobre paralaxe, era sobre ilustrações planas, rolando para sempre para chegar ao conteúdo, sites de uma única página com narrativas lineares. Essas experiências de usuário já saíram, mas a paralaxe em si não tem porque a rolagem na Web é natural.

A paralaxe moderna degrada graciosamente, carrega preguiçosamente os elementos e contribui positivamente para a experiência do usuário. Os usuários precisam de feedback visual para suas interações, e a rolagem paralaxe é a maneira perfeita de feedback sobre a interação mais comum da Web, a rolagem.

Paralaxe de cabeçalho

Uma das implementações mais comuns da rolagem paralaxe é a paralaxe do cabeçalho. Uma vez que seus olhos enxerguem profundidade, é difícil desassociá-lo, então, para criar a clássica impressão de profundidade, você só precisa introduzi-lo no cabeçalho. Deixando o resto do seu conteúdo para rolar normalmente.

Chris Roberts

Tim de Graag

Semana do Design de Milão

Y7K

Kontor

Bill Byron Wines

Os espaços

Karen Atherley

Paralaxe de texto

O Parallax é usado frequentemente para melhorar o UX, mantendo o conteúdo do texto em destaque e centralizado, enquanto o suporte ao conteúdo, como imagens, rola para além do usuário.

Sistemas Fletcher

Arte da indústria

maçã

Outra fuga

Eu gosto de foto

Paralaxe sutil

Como o ex-motim grrrl, cujo único aceno para a adolescência é um entusiasmo excessivo pelo delineador em uma noite de sábado, a rolagem paralaxe cresceu. Efeitos sutis de paralaxe aplicados a alguns elementos criam uma experiência de navegação elegante que encanta e envolve o usuário.

Personagem

Nutsandwoods

Você tem que amar Frontend

Hay Rosie

Harewood Estate

Paralaxe de ponto fixo

O paralaxe de ponto fixo é ideal para manter o foco em seu conteúdo principal. Esse tipo de paralaxe é geralmente obtido apenas com CSS e produz sites eficientes e funcionais. É uma técnica ideal para demonstrações de produtos.

Formato

Abastecido

Simon Foster

Paralaxe clássico

A clássica experiência de paralaxe completa ainda está sendo produzida. Existem dezenas de sites que usam isso com grande eficácia. O Parallax está muito além de uma tendência agora, é um efeito natural na Web, como mostram esses sites.