El Efeito paralaxe É o componente da web sobre o qual você mais ouve hoje. Dizer que é tendência há pelo menos um ano é pouco. Após o boom de HTML5, CSS3, jQuery e sites de uma página (formados por uma única página), esse efeito ótico atingiu os sites mais modernos para nos surpreender.
Se navegarmos na rede veremos que, na maioria das páginas, seu uso é experimental. Especialmente na categoria de portfólios online, os designers dão asas à imaginação para demonstre sua habilidade e tente dar um passo a mais do que o seu parceiro ao lado deu. Apresentamos aqui uma compilação de 6 sites com Parallax para você ver e comentar.
O que é paralaxe?
Vamos começar do início, o que é isso sobre Parallax? Isso consiste em nada mais do que fazer com que, ao nos movermos verticalmente pela página (ou seja, rolarmos), o fundo se mova a uma velocidade muito mais lenta do que os outros elementos. É como se tivéssemos nosso site dividido em duas ou mais camadas do Photoshop. E o que o efeito paralaxe consegue é nos dar o sentimento de profundidade, que muitos também chamam de efeito 3D.
Com todas estas "novidades", nunca devemos nos deixar levar pelas tendências a ponto de nos esquecermos do verdadeiro propósito de uma página web: COMUNICAR, diga alguma coisa. E eu vi vários sitess em que a criatividade das imagens e dos elementos que se movem magicamente na tela é tão avassaladora que meu olhar evita parar para ler o que nela é contado.
6 Exemplos de sites com o efeito Parallax
- Ciclomon: Efeito de paralaxe que funciona e beneficia. Há pouco texto, muito conciso, que vem acompanhado de um ilustração isso está mudando com ele. Nesse caso, o efeito não me incomoda: ajuda a me interessar por um conteúdo que, narrado de outra forma, não teria me atraído minimamente.
- Unidade: Sinto-me atraído pela qualidade do fotografia que coroa a teia. Porém, a abundância de imagens e a baixa altura dada a cada seção me enganam. O efeito Parallax não me incomoda, mas acho que as seções mais altas ganhariam mais. A propósito: se você fechar a web e reabri-la, a imagem principal muda.
- Titânico: Simplesmente legal e brilhante. A primeira vez que entrei, não pude evitar rolar o tempo todo, até chegar ao fim. Por isso voltei ao início da web para ler o conteúdo, aproveitando o efeito Parallax novamente. Você vai me dizer o que você pensa.
- Sony: Se você pesquisou na Internet por exemplos de paralaxe, provavelmente já viu esta página. E é lógico, porque o resultado é incrível. A melhor aplicação do efeito que vi até agora, sem hesitação.
- Sol Negro: Lembra-me muito do Cyclemon. Eles também são ilustrações combinadas com pouco texto. Gosto muito da barra lateral classificada por cor, que nos dá a opção de voltar ou avançar para qualquer seção.
- Suspeito: Desculpe, não estou convencido. É um site que me deixa tonto: são muitos elementos, tenho a sensação de que tudo está em movimento… não gosto muito. O que você acha?
- Gilgul: Adorei os gifs de fundo. Não entendo nada do que diz na web, mas gosto.
Que efeito curioso do Paralax, gostaria muito de aprender como se consegue para praticá-lo e incluí-lo em alguns dos meus projetos web.
Como acessamos esses designs?