Como você já deve ter notado, nos últimos anos o design foi dominado por cores vivas, gradientes alucinantes e composições futuristas.
Mas em 2020, o mundo do design gráfico parecerá mais reservado, harmonioso e natural.
Bem, exceto pelas ilustrações, que ficarão muito mais abstratas este ano.
Essa mudança é provavelmente uma reação ao uso excessivo de algumas das tendências anteriores do design gráfico.
Os estilos de design que eram muito exclusivos há apenas alguns anos se tornaram apenas mais uma tática comum usada por grandes empresas.
Portanto, para ficar à frente da concorrência, conheça as 8 Tendências de Design Gráfico para 2020!
As maiores tendências de design gráfico de 2020 são:
- Paleta de cores suaves
- Gradientes de cor
- Ilustrações abstratas e sonhadoras
- Fontes pesadas e simples
- Linhas e formas fluidas
- Fotos de banco de imagens autênticas
- Landing Pages minimalistas
- Animações de marca aprimoradas
1. Paleta de cores suaves
Nos últimos anos, vimos o surgimento de cores ousadas no design, pois as marcas buscavam se diferenciar dos concorrentes. Com azuis brilhantes, amarelos elétricos e verdes tóxicos surgindo em todas as tendências anuais de design gráfico.
Mas em 2020, veremos designers e marcas desistindo dessas cores vivas e preferindo paletas de cores mais suaves.
As cores suaves foram levemente dessaturadas com preto, branco ou uma cor complementar. Elas são basicamente o oposto de cores vivas.
Como você pode ver abaixo, a equipe de marketing do LinkedIn tem usado essas cores suaves recentemente:
O candidato à presidência e o prefeito de South Bend, Pete Buttigieg, selecionou cores suaves para toda sua campanha e imagem de marca:
Em cada um dos exemplos acima, ainda há muitas cores de marca sendo usadas, mas se eles usassem cores vivas, as imagens seriam muito mais cansativas.
Agora não se preocupe, o mundo do design não ficará menos colorido este ano. As cores poderão apenas ficar um pouco mais reservadas, em geral.
Eu gosto de pensar em cores suaves como cores vivas foram atenuadas com uma infusão de preto ou branco. O gráfico abaixo é um bom exemplo de cores suaves claras e escuras, na verdade:
Por causa dessa infusão, as cores suaves funcionam com cores neutras. Neste exemplo, o fundo preto e as várias cores suaves se misturam quase perfeitamente nesses pôsteres de arrecadação de fundos para caridade:
Este exemplo da Ellevest mostra que uma paleta de cores suaves pode ser usada de maneira semelhante com um fundo muito mais claro:
Quando estiver trabalhando com um fundo branco, tente usar cores suaves mais claras e vice-versa para fundos escuros. Isso garantirá que as cores se misturem bem, em vez de introduzir muito contraste.
Além disso, você pode usar uma cor de fundo suave para facilitar a leitura de texto ou de um conteúdo simples.
Você ainda pode usar uma paleta de cores de fontes suaves para unir todo um elemento gráfico:
Não falta cor em nenhum desses elementos gráficos. As cores principais simplesmente não dominam os elementos, como algumas que estavam na moda no passado.
Após anos de paletas de cores fortes, essas cores suaves podem ser usadas pelas marcas para sinalizar um movimento em direção ao futuro.
Por exemplo, as cores vivas usadas anteriormente pela Apple em seu marketing e até as novas cores do iPhone foram substituídas por tons mais suaves.
Como você pode ver, essas cores suaves tornam o produto muito mais moderno e atual. O gradiente do Apple Card, que normalmente apresentaria cores intensas ou brilhantes, como na Apple Music, também usa cores suaves!
E, como no ano passado, quando a Apple começa a fazer algo, o mundo do design segue.
As cores suaves podem fazer com que seus designs pareçam muito mais naturais. E marcas de estilo de vida modernas estão prestando atenção. Dos inovadores de fitness da Classpass:
A empresa de canábis dosist:
E Zume, que está tentando eliminar o desperdício alimentar em uma escala global:
Portanto, se você deseja atualizar seu design gráfico para 2020, recomendo começar com uma paleta de cores discretas. Você pode até usar as cores da sua marca como ponto de partida e criar toda uma paleta de cores secundárias adicionando um pouco de preto ou branco.
2. Gradientes de cor
Pelo terceiro ano consecutivo, os gradientes serão uma grande tendência no mundo do design gráfico.
A popularidade permanente dos gradientes foi uma das maiores surpresas que encontrei ao pesquisar para este artigo. Honestamente, após a turnê nostálgica, pensei que o mundo preferiria algo novo.
Mas a cada ano parece que os designers continuam encontrando novas maneiras de usar gradientes em seus projetos.
O ano de 2020 não é diferente. Há alguns anos, os gradientes eram usados principalmente como fundos atraentes, como neste exemplo da INC:
Os filtros de cores também foram usados para adicionar uma textura extra, como nesta capa de relatório anual:
Então, no ano passado, os gradientes se tornaram os pontos focais de muitos recursos gráficos:
Agora que a novidade começa a desaparecer, acredito que os gradientes serão usados apenas como outro elemento de design comum.
Eu sei que parece ser uma afirmação negativa, mas não é! Em vez de serem descartados como outra moda passageira, os gradientes estão conseguindo sobreviver no mundo de design.
Por exemplo, a Grammarly usou gradientes em vez de cores uniformes em seus elementos gráficos para as redes sociais:
Os designers da Trello também os usam para enfatizar os cabeçalhos do blog e os elementos gráficos para as redes sociais:
Em vez de ser o principal ponto focal desses designs, os gradientes são apenas outro elemento que eleva o gráfico.
Os gradientes podem ser usados para adicionar profundidade a ilustrações complexas, como no exemplo abaixo:
Com gradientes simples, há uma qualidade onírica adicionada a essas ilustrações.
Os gradientes são usados um pouco mais sutilmente nas ilustrações do Twitter abaixo, mas ainda acho que adicionam muita profundidade e textura às ilustrações:
À medida que as marcas continuam a usar esse tipo de ilustração, os gradientes substituem as cores uniformes na tentativa de se diferenciar ainda mais em relação a outras empresas.
Além disso, com o aumento das paletas de cores suaves, os gradientes também se tornarão um pouco menos vívidos e luminosos. O Apple Card é um ótimo exemplo dessa mudança:
Eu realmente acredito que, se tivessem sido lançados no ano passado, os gradientes seriam muito mais vívidos e coloridos. Mas, como você pode ver, o cartão parece muito mais profissional, moderno e reservado, ao evitar as cores fortes.
Os gradientes suaves no exemplo abaixo invocam um sentimento semelhante:
A paleta de cores também combina bem com o fundo preto e as fontes, como vimos na primeira tendência.
Então, como você pode ver, os gradientes não mostram sinais de desaceleração, mas a maneira como você os utiliza em 2020 deve ser muito mais inovadora do que nos anos anteriores.
3. Ilustrações abstratas e sonhadoras
Uma das melhores coisas sobre o uso de ilustrações é que nenhuma outra empresa poderá copiá-las com exatidão. A Casper foi uma das primeiras grandes empresas a adotar essa tendência, que é mantida desde então:
Esses exemplos da Asana definitivamente vão se destacar mais nas redes sociais ou em uma newsletter do que uma simples foto de banco de images:
As ilustrações que o Mailchimp utilizou no ano passado provavelmente amentaram a popularidade desses tipos de ilustrações:
Como pioneiras, essas ilustrações foram ótimas porque a marca seria a única a usá-las. Elas também se destacariam contra um mar de fotos de banco de imagens e elementos gráficos de baixa qualidade.
No entanto, à medida que mais marcas começaram a adotar ilustrações simples, a singularidade e a eficácia dos elementos gráficos desapareceram.
Acho que suas ilustrações precisam ficar um pouco mais imaginativas, abstratas e até sonhadoras para realmente se destacar em 2020.
Confira algumas das ilustrações exclusivas que a Doist tem usado ultimamente:
A Skillshare também adotou essa abordagem abstrata nas imagens usadas no blog:
Os formadores de opinião da Bon Appetit usaram algumas dessas ilustrações fluidas recentemente para anunciar uma nova receita:
Se a sua marca está produzindo esse tipo de ilustrações, esses desenhos também podem ser extremamente específicos sobre um tópico ou mesmo ideia. Chega de usar fotos de banco de imagens chatas em artigos ou nas redes sociais!
Parece que algumas marcas decidiram aumentar ainda mais na escala da singularidade este ano. Como você pode ver claramente neste exemplo para as listas de reprodução mensais do Dropbox:
Esses exemplos são literalmente únicos e você pode dizer que os designers queriam criar algo especial. Além disso, veja como eles usaram uma paleta de cores suaves em todos os recursos gráficos!
Embora esses gráficos sejam muito criativos, a mensagem pode ser captada rapidamente.
E isso parece-me algo importante a ser lembrado quando se trabalha em elementos gráficos abstratos como este. Tente garantir que seu público conseguirá interpretar o que você está tentando dizer, especialmente se estiver sendo usado em uma empresa de marketing.
As lojas da Apple parecem ter levado seu jogo de ilustração a um nível totalmente novo de abstração este ano:
Devo dizer que é uma boa mudança de ritmo para uma empresa que sempre adotou designs minimalistas. Embora, como você pode ver, esse tipo de elemento gráfico realmente se destaca quando apresentado em uma loja da Apple.
Mas acho que minha parte favorita dessa mudança são as pessoas ilustradas de maneira exagerada e abstrata. Como nestes exemplos:
Esse designer ainda usa gradientes para adicionar textura e profundidade às suas obras-primas abstratas:
Essa parece ser outra maneira dos designers se afastarem de ilustrações simples e realistas, enquanto tentam ficar acima do “ruído”.
Falando em branding, um pequeno problema com algumas dessas imagens abstratas é que elas dificultam a criação de uma marca visualmente consistente, a menos que você opte pelo Casper ou Mailchimp.
Mas, o Slack, uma marca sempre inovadora, usou um truque simples para contornar isso, adicionando sua marca na parte inferior de cada uma.
Agora, quando alguém vê essas imagens, sabe que elas pertencem ao Slack! Uma hashtag simples pode ser usada para garantir que sua mensagem ou marca também seja absolutamente clara:
4. Fontes pesadas e simples
Nos últimos anos, tenho visto fontes minimalistas e manuscritas perderem muito sua popularidade. Especialmente com grandes marcas.
Isso não deve ser uma grande surpresa para as pessoas que têm prestado atenção ao mundo do design recentemente.
No ano passado, previ que fontes de marca em negrito, como no anúncio da Samsung abaixo, seriam muito populares daí para a frente.
Particularmente, porque o mundo do design continua a resistir a algumas das tendências anteriores do design gráfico.
Mas este ano as coisas estão ficando mais ousadas, com fontes extremamente pesadas sendo usadas com muito mais frequência.
Existem muitas espessuras para as fontes, variando de finas, a regulares, a negrito, com algumas variações entre elas.
As fontes pesadas são geralmente uma fonte em negrito ou extra negrito, o que lhes confere uma aparência “pesada”. Esses tipos de fontes podem dar aos seus designs uma sensação moderna e contemporânea.
Por exemplo, dê uma olhada na fonte do cabeçalho do infográfico abaixo:
Eu gosto de fontes pesadas porque você pode usá-las para criar um elevado grau de contraste em seus elementos gráficos. O Adobe usou uma fonte pesada extremamente bem como mostrado abaixo:
As fontes modernas e fortes contrastam com as fotos de cães fofos. Eu acho que o contraste é o que torna este elemento gráfico tão interessante e poderoso.
Eles também usaram muitas cores reservadas e suaves, como você pode ver acima.
Tente usar essas fontes pesadas apenas quando você tiver um pequeno pedaço de texto ou um cabeçalho, como mostrado acima. Caso contrário, isso tornará o seu elemento gráfico bastante desagradável para o leitor.
Veja como a Chainalysis usa a fonte em negrito apenas para o cabeçalho e, em seguida, uma fonte comum para o texto do parágrafo:
A SMLXL usa apenas sua fonte extra pesada para frases ou ideias curtas:
Esse uso medido de texto em negrito não apenas direciona o leitor para onde eles devem olhar primeiro, mas também não os sobrecarrega com fontes pesadas.
Eles também podem se tornar os principais pontos focais de um recurso gráfico. Especialmente nas redes sociais, nas quais você deseja transmitir sua mensagem com rapidez e eficiência.
Nestes exemplos da Hootsuite, não há muito nas imagens, mas a fonte em negrito chama a sua atenção:
Normalmente, a fonte ou o título de uma imagem de rede social como esta não é o principal ponto focal de um elemento gráfico. Mas nesses exemplos, eles são a estrela do show.
Se os designers tivessem optado por uma fonte estreita ou leve, os leitores provavelmente teriam ignorado o texto.
Como você pode ver, essas fontes pesadas podem fazer com que frases curtas pareçam muito mais poderosas. Em cada um dos exemplos acima, o pequeno pedaço de texto parece grande e impressionante. Com outro tipo de fonte, a percepção não seria a mesma.
Você pode combinar as fontes pesadas com uma mensagem poderosa ou inspiradora para duplicar o impacto:
Agora, eu sei que a maioria dos exemplos acima foi totalmente sem serifa, mas nem todas as fontes pesadas precisam ser. Acontece que é muito mais fácil aumentar o peso de uma fonte sem serifa por causa da falta de serifas.
Dito isto, a equipe da Acoustic usou algumas fontes com serifa pesadas em seus elementos gráficos recentemente:
Lembre-se de que, se decidir usar qualquer fonte pesada ou em negrito, não deverá usá-la em demasiado. Uma fonte pesada terá mais impacto quando contrastada com um fundo mais neutro.
5. Linhas e formas fluidas
Os designers continuarão a desafiar os limites em 2020, rejeitando formas excessivamente geométricas, regulares e rígidas que antes eram tão utilizadas. Elas serão substituídas por formas, padrões e linhas mais fluidas, como pode ver abaixo:
Eu acho que essa mudança acompanhou as ilustrações abstratas e as paletas de cores suaves que as marcas também estão adotando este ano.
Como eu salientei acima, as paletas de cores suaves parecem muito mais naturais. Formas fluidas podem ser usadas para transmitir a mesma sensação. Especialmente porque não encontramos muitos ângulos retos ou formas perfeitas na natureza.
No exemplo de relatório anual abaixo, o designer usou cores suaves e formas fluidas em todas as páginas. Ambas as tendências de design gráfico funcionam bem uma com a outra:
Um designer pode usar formas e linhas fluidas para fazer com que seus elementos gráficos pareçam realistas, criativos e autênticos.
Por exemplo, a HubSpot, uma grande empresa com mais de mil funcionários, tem usado muitas formas fluidas recentemente:
Isso funciona bem com outras grandes empresas que parecem usar elementos gráficos mais profissionais e rígidos.
Os recursos de design para a conferência, Inbound19, também foram basicamente tomados por estas formas fluidas:
Além disso, acho que depois que as dezenas de milhares de profissionais de marketing que participaram da conferência terem visto a beleza dessas formas fluidas, sua popularidade vai continuar a crescer.
Linhas fluidas podem ser usadas para adicionar uma textura simples aos seus elementos gráficos, como a Bounteous fez abaixo:
Como você pode ver no exemplo acima, as fontes geométricas e pesadas combinam muito bem com essas linhas e formas fluidas por causa do contraste. Não tem certeza do que estou falando?
Confira o contraste entre o cabeçalho desta página e o padrão fluido à direita:
O cabeçalho basicamente salta da tela. O mesmo pode ser dito sobre o exemplo da fonte usada abaixo:
Os ângulos rígidos da fonte se destacam contra as formas fluidas e realmente chamam sua atenção. Mesmo quando a cor do plano de fundo muda, o conteúdo ainda é muito fácil de ler.
Essas formas fluidas são impressionantes nas telas de alta definição às quais muitos de nós estamos grudados:
Na verdade, essa pode ser a maior força motriz que trouxe essas formas e linhas fluidas para as massas.
6. Fotos de banco de imagens autênticas
Há alguns anos, imagens brilhantes, arrojadas e coloridas se tornaram extremamente populares. Os designers estavam aumentando a saturação ou melhorando as cores, e as fotos nem pareciam reais.
Porém, logo que as tendências de cores começarem a mudar, as tendências das fotos de banco de imagens seguirão as tendências muito rapidamente.
Isso significa que, em 2020, espera-se ver muito mais fotos de arquivo discretas, genuínas e neutras a serem usadas.
Por exemplo, essas fotos realmente se parecem com algo que seu amigo moderno pode ter postado no Instagram:
Os fotógrafos que tiraram as fotos do exemplo podem até suavizar as cores para fazê-las funcionar bem com uma paleta de cores suaves.
Como afirmei algumas vezes neste artigo, as paletas de cores suaves fazem com que os recursos gráficos pareçam mais naturais e autênticos.
Como o passado é sempre visto com óculos cor de rosa, estou bastante confiante de que você pode explorar os sentimentos nostálgicos positivos do seu público com fotos como essa.
Falando do passado, no ano passado reconheci que as fotos de banco de imagens que mostram as pessoas precisam ser muito mais autênticas, quase sinceras, para serem bem-sucedidas. Essa tendência continua este ano, com um foco maior nas paletas de cores neutras em geral.
Essa combinação de composições diretas e cores suaves fará com que as fotos pareçam ainda mais genuínas.
Quero dizer, a foto no canto inferior esquerdo parece que você tirou fotos de suas amigas confraternizando.
Essa mudança continua em oposição às fotos de banco de imagens excessivamente editadas, representadas e produzidas que algumas empresas ainda usam.
Por que elas ainda usam isso? Não faço a menor ideia. Especialmente quando você pode encontrar algumas dessas com apenas alguns cliques:
Eu sei que “fotos de banco de imagens autênticas” podem parecer um paradoxo. Particularmente, porque o objetivo da maioria das fotos de banco de imagens é serem ambíguas o suficiente para serem usadas em muitas situações diferentes.
Mas se você souber o que procura e seguir algumas das dicas acima, poderá encontrar uma foto super autêntica num instante.
Além disso, você pode encontrar esses ótimos exemplos e milhões de mais fotos de bancp de imagens gratuitas na Venngage.
7. Landing Pages minimalistas
A maioria das outras tendências deste artigo foram reações às tendências de design populares do passado. Com as cores suaves se tornando populares depois da predominância das cores vivas e as ilustrações abstratas substituindo os ícones realistas.
No entanto, acho que a mudança para as landing pages um tanto minimalistas também foi impulsionada pela necessidade de melhores tempos de carregamento e tamanhos de página menores.
Se você não sabia, o Google recompensa páginas que carregam rapidamente com melhores lugares nos rankings de pesquisa. Isso pode ser uma questão importante para empresas que focam em SEO!
Nossos amigos do Buffer usam uma página de destino muito minimalista que tem ótima aparência em computadores ou dispositivos móveis:
O Zendesk usou um layout semelhante, incorporando cores suaves, fontes pesadas e ilustrações abstratas:
Com um plano de fundo simples e design modular, essas páginas também podem ser facilmente usadas por usuários de dispositivos móveis ou computador. Às vezes, quando uma empresa usa uma foto, vídeo ou ilustração grande, essa mudança não é tão fácil quanto deveria ser.
Esse é outro aspecto positivo dessas páginas minimalistas, muito mais fáceis de navegar para o usuário. Em vez de serem elementos que provocam distração, as mensagens ou informações sobressaem instantaneamente.
E também direcionam o usuário para a sua principal call-to-action, como a Slack fez abaixo:
É difícil não ser imediatamente atraído e clicar no botão roxo principal. E esse é o objetivo!
Dito isto, você não precisa evitar o uso de uma imagem, vídeo ou recurso gráfico. Apenas verifique se o resto da sua página é fácil de navegar e se a imagem, como abaixo, está realmente otimizada.
Se você estava curioso, esse GIF no exemplo acima possui cerca de 100 KB, o que é considerado pouco.
Algo que realmente gosto em algumas dessas landing pages minimalistas é que elas facilitam as coisas para usuários novos e antigos. Confira como é fácil fazer login na sua conta do Dropbox abaixo:
É literalmente uma das primeiras coisas que você vê na página inicial! Agora, se você não tiver uma conta, também poderá se inscrever rapidamente no serviço.
Os designers na Sonder usaram um layout minimalista que facilita a pesquisa de acomodações logo que o visitante entra na página:
Poucas decisões sobre a experiência do usuário como essa podem realmente ajudar a direcionar os visitantes na direção certa e convertê-los em usuários por tempo prolongado.
Portanto, lembre-se de que, em 2020, às vezes uma imagem não vale mais que mil palavras. Sobretudo se essa imagem aumentar o tempo de carregamento da página.
8. Animações de marca aprimoradas
Eu acho que é seguro dizer que GIFs são usados com tanta frequência que acabaram se tornando uma forma com qual nos comunicamos.
Mas, por serem muito usados, esses tipos de GIFs perderam parte do seu impacto original.
Alguns dos mais populares realmente se perdem no meio da confusão das redes sociais, em vez de se destacarem como costumavam fazer.
Agora, não estou dizendo que você deve parar de usar esses tipos de GIFs… só não os use de maneira excessiva em 2020.
É muito fácil criar os seus próprios GIFs de marca, mesmo que você não tenha um designer na equipe. Esses GIFs terão um impacto muito maior no seu público, especialmente no mundo digital e nas redes sociais.
O GIF abaixo da Revolut poderia ter sido um GIF de Friends ou The Office:
We just reached 7 million customers! How about that for some #MondayMotivation? A huge thank you to all of our customers, old and new for believing in us.💙 pic.twitter.com/A3IUnkmq9P
— Revolut (@RevolutApp) September 2, 2019
A MeetEdgar adotou uma abordagem semelhante ao falar sobre uma oferta para seus usuários:
Mais uma vez, aposto que poderia encontrar GIFs para substituir os dois em alguns segundos. Mas eles não têm o mesmo impacto do que algo que é único para sua marca.
Você pode até misturar algumas das outras tendências de design gráfico em seu GIF, como o Cash App fez abaixo:
Bitcoin — it's just like us pic.twitter.com/Cs0JM07WJf
— Cash App (@CashApp) September 25, 2019
Agora, apenas porque você deveria usar mais GIFs de marca, isso não significa que eles não possam ser engraçados! Esses GIFs ilustrados da VOO são um exemplo sólido dessa ideia:
Isso faria você parar de rolar ou querer aprender mais sobre o que cada um estava tentando dizer. E esse é o objetivo de muitos GIFs.
Eu recomendaria reservar um tempo para criar mais GIFs de marca este ano. Porque, honestamente, os GIFs de reação são tão atraentes quanto uma foto de banco de imagem agora.
Parabéns! Chegou à última parcela de nossa série de tendências de design gráfico. Com esse conhecimento, você está pronto para conquistar o mundo em 2020.
Uma das melhores coisas sobre as tendências deste ano é que todas elas funcionam muito bem em conjunto. Você pode adicionar facilmente uma cor suave em seu recurso gráfico fluido, tudo sem deixar de lado a vibração.
As paletas de cores suaves combinam bem com a nova safra de fotos originais e autênticas.
Uma fonte pesada pode ser usada com moderação em uma ilustração abstrata e sem distrair o usuário.
Caso encontre maneiras diferentes de combinar essas 8 tendências, acho que conseguirá criar algo verdadeiramente único este ano.
Agora que você já viu o que vai dominar as tendências de design gráfico em 2020, por que você não dá uma olhada nas tendências que eram populares nos anos anteriores!
8 maiores tendências de design gráfico em 2019
8 maiores tendências de design gráfico em 2018
8 maiores tendências de design gráfico em 2018
