Dicas de Design para refrescar seu site
às vezes, seu site só precisa de uma atualização. Incorporar uma ou duas tendências de design pode tornar o design mais limpo, mais moderno e impulsionar o engajamento.
felizmente, ficar na tendência é muito fácil com Weebly. De modelos nítidos para um visual profissional a ajustes visuais no Editor, tudo o que você precisa para um design de site moderno pode ser encontrado em um só lugar.
mas por onde você começa? Aqui estão cinco ideias que manterão seu site com uma aparência fresca.
cores brilhantes e gradientes
cores fortes e brilhantes são uma das tendências de web design mais populares – e mais felizes – de 2019.
você não precisa ter medo de usar amarelos, verdes, rosas e azuis com muita saturação de cor. Considere fundos de cores brilhantes como um acento ou para elementos de interface do Usuário para atrair clientes e estabelecer uma conexão emocional.
além de cores únicas que são brilhantes, os gradientes são outra maneira de usar cores brilhantes para o máximo impacto. Uma sobreposição de gradiente de cor em uma imagem pode fornecer a tela certa para adicionar texto ou outra chamada à ação.
dica superior: você pode fazer com qualquer site Weebly diretamente do Editor. Use o seletor de cores para escolher uma cor de fundo brilhante ou use uma das muitas opções de filtro de imagem diferentes para adicionar um pop às suas fotos. Essas ferramentas estão disponíveis no seu painel; basta abrir o editor e editar a imagem ou o plano de fundo.
Experimente este tema: Local
elementos de navegação fixos ou móveis
certifique-se de que os usuários sempre tenham acesso a elementos de Navegação Com posicionamentos fixos que ficam na parte superior ou lateral da tela à medida que os usuários rolam. Ter a navegação sempre disponível torna mais fácil para os visitantes do site se movimentarem pelo design e encontrarem elementos se se perderem.
um dos usos mais populares da navegação fixa é usar um estilo “móvel” para todos os tipos de dispositivos. Este é frequentemente um elemento de navegação simples e fino na parte superior da tela que contém um logotipo ou marca e um ícone simples que se expande para a navegação completa.
este estilo de elemento pode dar – lhe uma área de tela maior para a mensagem principal e tem uma aparência limpa e simplificada. E embora a navegação nem sempre esteja aberta, a maioria dos visitantes do site ou compradores on-line está acostumada a esse padrão de navegação porque é o padrão para a maioria dos sites móveis.
dica superior: procure elementos de navegação fixos ao escolher um tema Weebly para tornar este processo uma brisa.
Experimente este tema: papel
movimento e animação
vídeo e efeitos animados são alguns dos elementos mais envolventes que você pode adicionar a um design de site. Os usuários são atraídos por objetos em movimento e muitas vezes param e assistem para ver o que acontece quando há movimento na tela.
um dos melhores lugares para começar é adicionar um vídeo ao seu site. Seja uma imagem de herói em tela cheia ou um vídeo em uma página específica que mostra um produto ou informação, adicionar um vídeo é simples. Você pode fazer upload de um vídeo diretamente ou incorporar elementos de plataformas populares, como YouTube ou Vimeo.
dica superior: você sabia que também pode animar pequenos elementos? Animações de texto podem adicionar ênfase a uma determinada palavra ou até mesmo ao nome da sua empresa. Experimente o aplicativo de animação de texto gratuito no App Center para adicionar movimento ao design do seu site com alguns cliques.
Experimente este tema: Birdseye 2
muito espaço em branco
você pode sentir a necessidade de colocar tudo na tela, mas abrir o design do seu site com muito espaço branco (ou de cor clara) pode realmente ser mais fácil de usar.
um design limpo e organizado quase sempre será mais fácil para os usuários entenderem. Incorpore espaço no plano geral usando um modelo com um estilo aberto. (Isso pode ajudá-lo mesmo se você sentir a necessidade de começar a encher o design com elementos.)
ponta superior: Equilibre espaço e elementos como fotos e texto para que haja um padrão visual distinto que ajude os usuários a passar de uma coisa para a outra. Não tenha medo de colocar elementos abaixo do pergaminho-será necessário em um design com mais espaço em branco.
Tente este tema: Linhas Limpas
Modular Layouts
Um modular cria um sistema de blocos menores que você pode mover-se, misturar e combinar. (Pense nisso como blocos de construção ou tijolos.)
layouts modulares muitas vezes exigem mais de um redesenho, mas pode fornecer grande flexibilidade com uma variedade de tipos de conteúdo. E com um tema Weebly, apresentando um estilo modular, não é tão difícil começar.
dica superior: um layout modular geralmente é melhor para designs que têm muito conteúdo – pense em comércio eletrônico ou portfólio – para que os usuários possam ver uma variedade de coisas ao mesmo tempo. Emparelhe elementos modulares com muito espaço em branco para um design limpo que combina duas tendências em uma!
Experimente este tema: Cento ou Brisk
conclusão
a grande coisa sobre muitas dessas tendências de design é que elas não envolvem um redesenho completo do seu site. Você pode alterar a cor ou adicionar um vídeo sem uma revisão completa.
às vezes, uma simples mudança pode ser apenas a coisa para atualizar sua presença online. (E felizmente, os modelos Weebly fornecem um ponto de partida perfeito, enquanto o Editor fornece uma maneira fácil de fazer alterações.)