3 Tendências Essenciais de Design, fevereiro de 2018
Às vezes, as tendências de design são difíceis de ver, mesmo quando você está procurando por elas. Este mês não é exceção, com tendências que incluem o uso de círculos no design, layouts de tela dividida e fundos escuros com texto claro.
Esses elementos podem parecer ferramentas de design comuns, mas, quando usados de maneiras semelhantes, surgem tendências distintas.
Veja o que é tendência no design este mês:
1. Círculos
Os significados implícitos e associações de círculos no design podem ter muito a ver com seu uso. Círculos implicam um senso de completude e harmonia. Eles são usados para representar amor, energia e poder. (É um pouco surpreendente que mais designers não usem círculos regularmente.)
Embora os usos mais comuns dos círculos tenham sido recentemente na forma de botões ou frases de chamariz, graças ao material design do Google, os círculos assumem papéis de design mais fortes.
O que pode ser difícil em círculos é a tela e a forma dos sites - distintamente horizontais (telas de área de trabalho) ou verticais (telas móveis). Portanto, o design precisa usar círculos no espaço para que a forma não se perca no formato responsivo. Cada um dos exemplos abaixo faz um bom trabalho ou mantém o fluxo circular sem perder a forma quando a tela se desloca.
KymberleeJay usa um grande círculo rosa para chamar a atenção para a cópia principal na tela. O olho se move diretamente do rosto da mulher para a forma redonda e forte.
Pizza de Buda implica um círculo com texto e ingredientes em torno de uma fatia. Parte do que faz o círculo aparecer é a ideia de que uma pizza é geralmente redonda. Mesmo com a imagem triangular no meio da tela, o círculo é óbvio.
Hotel Poispois usa círculos flutuantes para criar interesse visual, mas eles também servem como botões gigantes que levam os usuários a diferentes partes do site.
2. Telas divididas
Os projetos de tela dividida são uma daquelas tendências que crescem em popularidade e depois desaparecem, mas sempre parece circular de volta. A mais recente iteração da tendência inclui telas divididas super ousadas e emparelhamentos mais sutis.
A grande coisa sobre projetos de tela dividida é que eles trabalham com o formato responsivo lindamente. Você recebe conteúdo duplo no desktop e no conteúdo empilhado nas telas do celular. Independentemente do dispositivo, o usuário não se sente como se tivesse perdido alguma coisa alterando o tipo de dispositivo.
O design de tela dividida também fornece uma solução para ter partes duplas de conteúdo com importância quase igual. Você pode exibir vários elementos e oferecer dois cursos de ação distintos (e chamadas associadas à ação) na tela ao mesmo tempo.
Esse conceito coloca os usuários no controle do design, permitindo que eles sintam que há uma opção em como interagir com o conteúdo.
Taco Bill O site da Web é um excelente exemplo disso. O design imediatamente coloca uma questão aos usuários: você quer pedir comida para ir ou você quer uma reserva para comer. O design da tela dividida faz mais do que apenas tornar o design mais fácil de usar, ele realmente mostra aos usuários que eles têm múltiplos opções visualmente.
Nikos Pandazaras leva uma outra abordagem com o design do site portfólio de fotografia. O site apresenta duas fotos verticais lado a lado com a navegação no meio. É uma abordagem diferente para um design de estilo de portfólio, mas eficaz para que os usuários vejam mais imagens imediatamente. O estilo de tela dividida implica que ambas as imagens carregam peso igual e uma não é mais importante que a outra.
D'Aucy usa uma estética de tela dividida mais sutil. Um lado inclui uma imagem em um plano de fundo texturizado emparelhado com o mesmo fundo de cor sem qualquer textura e um título. O design é uma boa maneira de ajudar a chamar a atenção da tela para que todo o conteúdo seja visualizado.
3. Fundos escuros, texto branco
Fundos escuros e texto branco são uma combinação clássica. Mas essa tendência está surgindo com uma reviravolta - há vídeos ou animações no fundo escuro.
Se o movimento é sutil, como Top Estates ou velozes e furiosos, como Intimidação e Comportamento , a ação em segundo plano é o que ajuda a atrair usuários. A falta de cor adiciona um elemento de mistério e torna a cena um pouco mais atraente.
O tipo branco aumenta a severidade do design. Embora seja fácil de ler - isso é bom - o texto não está sobrecarregando o design. Esses projetos são um pouco mais rígidos por natureza. O elemento visual de condução é o movimento no espaço escuro do fundo. Todos os designs abaixo apresentam animações de looping que ajudam a criar uma ideia dos projetos.
Quanto mais escuro o fundo com esses desenhos, mais mistério eles criam. Planos de fundo mais escuros também aumentam a legibilidade devido à quantidade de contraste com o texto em branco. A velocidade das animações pode criar uma sensação de calma ou frenesi.
É bem espetacular a quantidade de informação que pode vir daquilo que, à primeira vista, se parece com projetos tão simples.
Conclusão
O bom desta coleção de tendências é que elas são todas as coisas que você pode implementar em quase todos os projetos de design. O uso de círculos, telas divididas e fundos escuros não se limitam a um determinado estilo de design. Você pode usar essas ideias para nos refrescar um site que está se sentindo um pouco obsoleto ou incorporá-los em um novo projeto.
Como em qualquer tendência, pense no conteúdo e no contexto antes de começar. O plano visual ajuda você a atingir sua meta geral com o design?