3 Tendências Essenciais do Design, abril de 2020


Os designs de sites deste mês estão mostrando elementos do que está acontecendo no mundo ao nosso redor. Embora isso geralmente seja verdade, algumas das coisas que estamos vendo agora são uma reação imediata aos eventos atuais.

As tendências deste mês são designs de notificações e pop-ups de sites, tipografia retrô e esquemas de cores azul e verde. Aqui está o que há de tendência em design este mês.

Notificações do site

A pandemia mundial de saúde COVID-19 criou a necessidade de muitos designers adicionarem avisos aos sites. De fechamentos temporários a atrasos no envio e alterações nas operações comerciais, quase todos os sites transacionais precisam de uma notificação.

E enquanto muitos de nós estão tendo que reagir rapidamente, não há razão para essas notificações parecerem ruins.

As chaves são garantir simplicidade, legibilidade e facilidade de uso.

Cada um desses três exemplos de sites faz isso de uma maneira diferente, mas todos atendem aos três objetivos acima.

Uma grande mudança para esses pop-ups de outros que vimos recentemente é o clima do design. É sombrio e informativo, não brilhante e alegre, como muitos dos pop-ups mais orientados para vendas que foram populares.

As mercadorias esportivas de Dick usam um pop-up simples com uma imagem de loja em segundo plano que desaparece com texto em negrito em branco na parte superior. A mensagem é direta e direta. Há um aviso pop-up secundário na parte inferior da tela para usuários que desejam saber mais.

dicks

A notificação pop-up possui um X óbvio para fechar a janela. Quando o pop-up principal da tela central é exibido, o restante do site possui uma sobreposição escura para ajudar a focar a notificação.

O Chase reformulou o cabeçalho do site, retirando as imagens, para incluir um aviso de atualização do COVID-19 ao lado da caixa de login do cliente. A informação é fácil de ler e o ícone vermelho distingue essa informação como importante. O botão é grande e visível, facilitando a localização de mais informações sobre o que a instituição financeira está fazendo e como encontrar ajuda, se necessário.

perseguição

A mudança de um cabeçalho de imagem para este informativo altera todo o clima do site para um apropriado para os horários.

A Hell’s Kitchen usa um pop-up simples com uma sobreposição de tela cheia que escurece o restante do design. Esta notificação pop-up contém muitas informações. Mas blocos de texto e negrito nos lugares certos o mantêm organizado. A data como manchete também ajuda os clientes a saber que as informações estão atualizadas com mudanças rápidas que estão acontecendo em todos os lugares.

hells-kitchen

Observe que a notificação também inclui links para outras partes da empresa que podem ser patrocinadas, como comprar cartões-presente ou fazer uma reserva no futuro. Adicionar um link ou botão relevante a uma notificação é uma boa maneira de ajudar os usuários a fazer algo com o site, quando não podem necessariamente fazer o que originalmente vieram.

Ao criar esse estilo de notificação para o seu site, preste atenção às configurações relevantes. Com notificações ou pop-ups com base em vendas, eles podem expirar, parar de ser exibidos devido a um cookie ou aparecer apenas para determinados clientes ou em determinadas páginas.

Com uma notificação como a que estamos vendo para o COVID-19, é provável que você queira pensar nessas configurações com cuidado. Você provavelmente desejará que um pop-up apareça em todas as visitas para cada cliente. Você pode precisar de alguns tipos de notificação; um para fechamento físico e outro para observar atrasos nos prazos de entrega, por exemplo.

Tipografia retrô

Os estilos antigos quase sempre voltam.

Ultimamente, os designers parecem estar experimentando estilos de tipografia retrô, o que faz dele uma tendência de design de sites este mês.

Os estilos retrô estão sendo usados ​​de várias maneiras e não há um estilo de tipografia dominante. O tema mais comum parece ser tipos de letra retrô que são um pouco mais fluidos, com muito caráter e personalidade.

Os estilos de tipografia retrô são bons porque podem criar um clima muito intencional para um projeto. Um dos conceitos que se destacou em 2020 é a noção de voltar aos anos 1920. Esse estilo retrô é algo que você pode ver dicas na opção de tipografia para Playful.

Sem dizer mais nada, um tipo de letra pode transportar alguém para uma época ou humor diferente. É exatamente isso que essa tendência de design faz para esses projetos.

Playful usa Antiga Regular para as principais manchetes.

brincalhão

Nika Fisher usa Ziggy no balcão bacana no canto inferior direito.

nika

Madies usa Blw para as principais manchetes. (Observe que o logotipo também usa um estilo retrô diferente.

madies

Esquemas de cores azul e verde

Os esquemas de cores azul e verde fazem você pensar na natureza: grama e árvores verdes e céu azul. Essas paletas podem ser calmantes, calmantes e muito harmoniosas. (Todas as coisas que podem ser uma sensação fresca em um mundo tumultuado, agora.)

Embora o uso de blues e greens não seja novo, é uma combinação que não vimos muito nos projetos de design de sites há algum tempo.

Esses esquemas de cores estão evoluindo de várias maneiras diferentes e se ajustam facilmente a muitas cores e estilos de marca (graças a uma sensação quase neutra).

Se você estiver interessado em usar essa tendência, brinque com diferentes tons de azul e verde. Comece com um azul ou verde que faça parte da paleta de cores da sua marca (se houver) e incorpore cores ao seu redor.

Outra opção é trabalhar com um azul ou verde que você possa ter usado como parte de outra tendência de cores, como as cores super brilhantes do GadgetGone. Os azuis e verdes aqui têm uma vibe definida de Material Design.

gg

Vonnda mistura a tendência do gradiente com verde e azul para criar um visual marcante em sua página inicial. A combinação de cores cria um gradiente legal na forma geográfica de grandes dimensões no lado direito da tela (que tem um bom equilíbrio com todo o espaço em branco) e ajuda os olhos a se moverem através do texto graças ao “comércio” destacado usando o mesmo verde-azul gradiente.

vonnda

Goya usa um fundo marinho profundo com um verde esmeralda impressionante para criar uma estética simples na página inicial. O verde é usado como uma cor de destaque na ilustração da página anterior e é a cor da marca que serve como um fio entre os pergaminhos no design de uma página. Este exemplo mostra como começar com uma cor de marca (esmeralda) e criar uma paleta moderna em torno dela.

goya

Conclusão

Embora as tendências de design deste mês possam ser um pouco mais sombrias do que nos últimos meses, é um reflexo dos eventos mundiais. Mesmo em tempos incertos, o trabalho de design continua e novas tendências surgirão.



Fonte

Leave a Reply

Your email address will not be published. Required fields are marked *