6 sites de efeito paralaxe

Soleil Noir, teia com efeito Parallax

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

  1. 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. Ciclomon
  2. 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. Imagem de massa
  3. 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. Titânico
  4. 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. Site da Sony
  5. 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. Soleil Noir, teia com efeito Parallax
  6. 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? Teia de tons de azul
  7. Gilgul: Adorei os gifs de fundo. Não entendo nada do que diz na web, mas gosto. Gilgul

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

  1.   projectycreationweb.com dito

    Que efeito curioso do Paralax, gostaria muito de aprender como se consegue para praticá-lo e incluí-lo em alguns dos meus projetos web.

  2.   Lewis causou dito

    Como acessamos esses designs?