5 Tendências de Web Design para 2020
Tags: design, webdesign
Published: 2020-03-22 23:48:19

---
title: 5 Tendências de Web Design para 2020
published: true
date: 2020-03-22 01:14:20 UTC
tags: Design,design,web design
canonical_url: https://marquesfernandes.com/5-tendencias-de-web-design-para-2020/
---

Existe um ditado do mundo do fashion que se aplica as tendências de design do mundo online: _“A moda é cíclica”_. Se você parar para notar vai ver que de tempos em tempos, coisas que julgávamos cafona voltam a estar em moda na internet, um exemplo disso são os GIFs, duramente criticados e julgados, hoje se tornaram parte de nós.

Então o que esperar de 2020 para o Web Design? Uma coisa interessante que podemos notar nos tópicos é o quanto o UX vem impactando cada vez mais as tendências de design, mudando tanto a maneira de interação com o usuário como a apresentação das informações para o mesmo, hoje mais que nunca o design tem um papel fundamental na conversão de usuários.

## 1. Modo Escuro

![WhatsApp modo escuro](https://marquesfernandes.com/wp-content/uploads/2020/03/English_DarkMode_iPhone-1024x728.jpg)

Os designs no modo escuro parecem ultramodernos, são fáceis de ver e dão destaque a cores e elementos de design. Muito conhecido pelos desenvolvedores, o modo “hacker” vem atraído cada vez mais usuários.

Essa é uma tendência que vai além da beleza, existem princípios práticos por de trás também. Os temas escuros são melhores para telas OLED, eles economizam energia e prolongam a vida útil da tela. E outra coisa que muitas pessoas não sabem, é que os fundos escuros diminuem o cansaço dos olhos e melhoram a visibilidade de outras cores de destaque para um design verdadeiramente dinâmico. Veremos cada vez mais empresas embarcando nos modos escuros, recentemente tivemos o caso do [WhatsApp liberando esse recurso](https://canaltech.com.br/apps/whatsapp-modo-escuro-como-ativar/) para seus usuários.

## 2. Sombras Suaves e Elementos Flutuantes

![](https://i0.wp.com/marquesfernandes.com/wp-content/uploads/2020/03/web-design-trends-2020-11.jpg?ssl=1)

![](https://i1.wp.com/marquesfernandes.com/wp-content/uploads/2020/03/dribelekk.jpg?ssl=1)

Seguindo um pouco a onda do [Material Design da Google](https://marquesfernandes.com/sites-para-inspiracao-usando-material-design/), a aposta para elementos flutuantes e com sombras suaves é com certeza garantida. Essa tendência traz as páginas web, sem exagerar, um pouco de profundidade e sensação de 3D.

## 3. Ilustrações Customizadas

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/web-design-trends-2020-06.jpg)

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/web-design-trends-2020-05.jpg)

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/screenshot-lifestrategy.com_.br-2020.03.21-21_38_45-1024x501.png)

Hoje, o visual não existe apenas para dar cor às suas páginas, você pode e deve usá-los para criar uma identidade e qual a mensagem que deseja transmitir para o seu público.

Certamente, colocar uma ilustração no lugar certo pode fazer uma enorme diferença. Elas conseguem dar um tom arrojado e moderno, ou quizas um tom mais sóbrio e tradicional, você que decide! Você pode inclusive encontrar ilustrações incríveis em bancos de imagens gratuitos como o [UnDraw](https://undraw.co/illustrations) e o [OpeanDoodle.](https://www.opendoodles.com/)

## 4. Enquadramentos sólidos

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/screenshot-converse.com_.br-2020.03.21-22_02_40-1024x501.jpg)

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/screenshot-www.nike_.com_.br-2020.03.21-22_01_25-1024x501.png)

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/screenshot-www.oakley.com-2020.03.21-22_05_28-1024x501.jpg)

Lembrando um pouco a moldura de um quadro, ou até mesmo aquela camiseta descolada com uma simples fotografia impressa no peito, enquadramentos tem se tornado uma tendência crescente. Você pode encontrar esse modelo em muitos sites e principalmente lojas virtuais. Sua estrutura limpa e organizada separam bem os conteúdos e favorecem o foco no que é importante!

## 5. Cores vibrantes e luminosas

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/screenshot-nubank.com_.br-2020.03.21-22_09_14-1024x501.jpg)

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/attachment_112301902-e1573816708542.jpeg)

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/screenshot-www.bancointer.com_.br-2020.03.21-22_10_40-1024x501.jpg)

- ![](https://marquesfernandes.com/wp-content/uploads/2020/03/Screen-Shot-2019-11-12-at-8.46.03-PM-e1573609778854.jpg)

Uma tendência que precisa ser usada com muito cuidado, a linha é tenue entre o brega e o chamativo. O uso de cores fores e luminosas desenvolvem um visual moderno e arrojado, se usada da maneira correta pode encantar seu público.

O post [5 Tendências de Web Design para 2020](https://marquesfernandes.com/5-tendencias-de-web-design-para-2020/) apareceu primeiro em [Henrique Marques Fernandes](https://marquesfernandes.com).