Pagina inicial » Web design » 20 sites com efeito criativo MouseOver

    20 sites com efeito criativo MouseOver

    Em web design, mesmo um menor efeito pode alterar a experiência geral do usuário. isso pode ser um efeito de falha, um efeito de rejeição ou até mesmo um efeito sonoro simples. Um desses efeitos, sendo freqüentemente usado em web design nos dias de hoje é o efeito de passar o mouse ou passar o mouse. Este efeito de transição pode ser visto quando você move o mouse sobre um determinado elemento que desliza para fora, muda de cor ou anima.

    A ideia por trás do efeito mouseover é reduzir o esforço que o usuário tem que fazer para ver mais detalhes, acessar informações importantes ou ver diferentes visualizações no site. Um bom efeito de foco pode economizar espaço para mostrar mais informações no maneira mais inteligente possível.

    Então, para dar aos meus leitores um alguns exemplos desse efeito interessante, Eu juntei 20 exemplos criativos de websites com o efeito mouseover. Basta descer, abra o site, jogue por aí e veja por si mesmo quão incrível o efeito de foco parece.

    Pixels de Tomer Lerner

    É um site altamente criativo com uma página inicial em preto e branco que mostra diferentes formas geométricas dançando e transformando quando você move o cursor sobre eles.

    Haus

    Haus é o site de uma agência interativa que adora tecnologia e humor. Passe o mouse sobre as figuras dos desenhos animados na tela e ver como eles pular e correr.

    Canva

    Canva é um serviço para criar várias imagens baseadas em texto. Sua página inicial tem um fundo desfocado escuro, mas quando você passa o cursor sobre ele, você verá o área de limpeza e mostrando as imagens em segundo plano, assim como uma ferramenta de borracha.

    Principais trabalhos

    É um site de portfólio do estúdio de produção de mídia criativa da Mainworks. Passe o mouse sobre ou clique nos pontos na linha para ver seus projetos.

    Cedric Pereira

    Este é o site do portfólio de Cedric Pereira em tons pastel. Quando você percorra as categorias na página inicial, eles mudar cores e imagens. Além disso, quando você passa o mouse sobre uma imagem, suas fronteiras se movem.

    Bullmonk

    Bullmonk é um site de gerenciamento de negócios com um animação simples em SVG na página inicial. Basta passar o mouse sobre o retângulo de malha para ver como buracos são formados nele.

    Em Simbiose

    Em Simbiose fornece à indústria biofarmacêutica uma estratégia alternativa para acelerar os programas de desenvolvimento de medicamentos. Mova o mouse para ver o incrível microinteractions com texto, botões e elementos de fundo.

    OUI R Creative Studio

    OUI R é um estúdio de design multidisciplinar dedicado à criação de produtos, com base em ideias visuais criativas. Quando você coloca o cursor do mouse nas imagens, elas mostrar informações e com o mouse scoll você passar para a próxima imagem.

    Minnim

    Minnim tem um homepage interativo com círculos coloridos que se movem com o mouse em foco. Você pode gerar um novo item de ciclo com o logotipo usando o mouse.

    Pacote Completo

    Pacote Completo é uma agência digital criativa. Sua homepage é separada em duas colunas: lógica com triângulos azuis e criatividade com quadrados vermelhos. Quando você mantém o mouse sobre esses elementos, eles saltar de uma forma muito fluida.

    FS Sem título

    FS Sem título convida os visitantes a escolher um nome para o rosto da fonte. A página inicial mostra células que quando você clica, leva à demonstração dessa fonte em particular.

    Trainrobber

    Trainrobber é um Agência AR e VR que produz experiências imersivas inovadoras para marcas. À medida que você passa o mouse na página inicial, diferentes elementos se movem horizontalmente como um filme Western technicolor. As categorias também animam com mouseover.

    Sakura International Inc.

    A Sakura é uma empresa baseada no Japão, focada em redes humanas. Você pode conecte os pontos no fundo com um único movimento do mouse.

    Fan Studio

    O Fan Studio é um site de desenho animado que cria jogos e aplicativos para dispositivos móveis. Para fazer um sentido de movimento o fundo se move junto com o cursor do mouse.

    Rotate Studio

    É um site de marca e design studio que ajuda os clientes a alcançar a presença online. Eles têm uma homepage com fundo branco e um círculo. Mas quando você clique no botão Menu, uma imagem aparece no círculo.

    TheMcBrideCompany

    A página inicial da TheMcBrideCompany apresenta uma bela foto da paisagem que é desfocada. Quando você mova o cursor sobre o fundo, uma pequena área ao redor do cursor fica claro. Parece fantástico.

    Franke Inteligente

    A Clever Franke é uma agência de design interativo que combina estratégia, design e tecnologia para desenvolver produtos e serviços inovadores. Os títulos na página inicial geram dinamicamente e automaticamente o que parece mágico. Quando você mova o cursor sobre as letras que são deslocadas, mas recuar em um segundo.

    Centro de Design de Mensagens

    O site do Message Design Center tem um design exclusivo. Os recursos da página inicial títulos vívidos com geometria de polígonos. Quando você mantém o mouse sobre esses títulos, eles ficar maior e começar a deformar.

    Apenas codificado

    Apenas Coded tem uma incrível fundo escuro com pontos formando uma tela. Quando você passa o mouse sobre essa tela, parece que está vivo, porque começa a se mover e mudar a perspectiva.

    Aplicativos cinéticos

    É um site premiado de uma agência digital que usa tecnologia de patente pendente para construir sites e aplicativos para dispositivos iOS e Android. o homepage parece com o céu, e quando você passa o mouse parece que você escolha a direção para voar.