As principais tendências de web design para 2020

Além de sites simples, objetivos e bem organizados, é super importante conteúdos claros e elementos visuais de qualidade, como imagens e ilustrações. Com tantas notificações, excesso de informações, estímulos e abas abertas, não é surpresa que nesse ano que se inicia o web design seja claramente influenciado pelo caminho da simplicidade e clareza de uso. Os sites precisam transmitir mensagens da forma mais simples possível para ser intuitivo, fácil de usar e entender. 

  1. Conteúdo dividindo a tela

Essa tendência quebra o formato retângular das telas de desktop em duas partes. É uma boa prática para quando tem mais de uma ideia para transmitir, mas sem a página ter um aspecto bagunçado. Cada lado pode ter um comportamento diferente, como efeitos de rolagem e zoom. Colocar elementos centrais onde os layouts se encontram cria uma hierarquia visual. 

2. Blocos de cores

Alguns sites dividem o conteúdo da tela ao meio, a diagramação pode ser feita por blocos de cores, que comunica diversas mensagens de forma organizada. Através de banners ou mesmo áreas específicas para dar contraste a um produto, essa hierarquia em forma de cores, divide o conteúdo e as imagens, podendo ser muito bem utilizado também no layout responsivo.

3. Fontes e imagens em tamanho super grande

Elementos grandes, onde a tipografia ou imagens ocupam a tela inteira e um menu grande, atraem o olhar e ajudam o usuário a entender do que se trata o site logo de cara. Isso sem mencionar todas as resoluções disponíveis onde o design pode ser aplicado. Como parte dessa tendência, muitos sites têm optado por uma imagem ou vídeo de tela cheia acima da primeira dobra, junto com tipografia de tamanho grande.

4. Grades expostas

Trazendo como referência elementos que já são nossos conhecidos em sistemas operacionais e aplicativos, o uso de grids ou grades e janelas expostas é uma forma criativa e moderna de apresentar layouts diferenciados. Retângulos que dividem as categorias em seções ou áreas, direcionam o olhar para detalhes com mais evidência, além de treinar a leitura dinâmica da estrutura.

5. Espaço branco

O “respiro”, termo que é um princípio muito usado em design, nada mais é que os espaços em brancos que existem na diagramação e nos layouts. Faz a informação ter mais equilíbrio, além de passar a sensação de organização e clareza. O espaço em branco também pode ser de qualquer outra cor, respeitando espaços e elementos visuais em uma página online. Esse espaço torna os textos mais legíveis, destaca elementos importantes, como títulos, imagens e CTA’s. Em 2020, veremos ele sendo melhor explorado, em designs mais harmoniosos, onde imagens parecem flutuar, com tipografias claras e minimalistas.

6. Movimento, interatividade e microinterações

As microinterações existem com um propósito: surpreender o usuário e criar uma experiência mais afetiva e humano. Toda vez que você realiza uma pequena ação em um site ou aplicativo e há uma resposta específica a ela, isso é uma microinteração. Quando você atualiza uma página do Twitter e ouve um sinal sonoro ou dá like em uma foto e aparecem confetes isso é uma interação. Ou quando você verifica o Facebook, o ícone vermelho exibindo sua contagem de mensagens é também uma microinteração. Esses foram os usos mais comuns deles, mas em 2020, os sites terão suas encarnações mais interativas. O usuário poderá passar o mouse ou rolar a página para ativar animações e outros efeitos. É uma forma de envolver seu público-alvo em seu site, transmitir informações aos usuários sobre suas ações e tornar os sites um pouco mais inteligentes e interativos.

7. Ainda mais conteúdo de vídeo

O conteúdo em vídeo não apenas diversifica a página, mas atende a um público em movimento que não tem tempo para ler muito texto. Seja um vídeo explicativo do seu serviço ou um vídeo de fundo, para dar mais movimento ao site. Porém, usar vídeos no site não é novidade, o que é novo é o movimento que o Google fez. O gigante das buscas privilegiou nos resultados de pesquisa os sites que utilizam vídeos em suas páginas.

8. Diversidade

Muitas vezes, as pessoas esquecem que a web sempre foi acompanhada por mais dois dáblios importantes: “World Wide”. A internet conecta bilhões de pessoas em todo o mundo a partir de diferentes culturas, habilidades, idades, identidades de gênero — pessoas que querem se ver refletidas em seu conteúdo.


Mesmo pequenas considerações do passado (como os tons de pele variados da Apple para emojis) foram muito longe para fazer com que pessoas de todos os estilos de vida se sintam mais bem-vindas no espaço digital de uma marca. Em 2020, os web designers devem dar um salto ainda maior em direção à inclusão, de padrões de acessibilidade aprimorados a imagens socialmente conscientes e diversificadas.

As habilidades mais procuradas na era da pós-verdade: