3 Tendências Essenciais de Design, novembro de 2017
Se você é fã desta série mensal de tendências de design, há uma forte possibilidade de você ter visto uma tendência ou duas que você simplesmente não gostou. E tudo bem.
Este mês, cada uma das três tendências deve ser começar na conversa de design. Enquanto o visual parece legal, eles são legíveis e utilizáveis? (Perguntas que todo designer de sites deve perguntar ao realizar um projeto.) Dê uma olhada, veja o que você pensa sobre essas tendências e decida por si mesmo.
Veja o que é tendência no design este mês:
1. Texto e Elementos Sublinhados
O texto sublinhado é uma tendência bastante inesperada. Felizmente os sublinhados não são o padrão que você pode ver a partir de um hyperlink ou configuração padrão em um processador de texto.
A tendência sublinhada de texto e elementos usa cores e linhas para destacar informações específicas e trazer foco para uma determinada área de conteúdo. As utilizações mais inteligentes do sublinhado combinam o traço com qualquer outra coisa, fazendo com que pareça uma parte perfeita do design.
Para que o sublinhado seja bem-sucedido, ele precisa parecer intencional sem atrapalhar. O sublinhado pode ser uma técnica de distração em muitos casos e até mesmo fazer com que o texto pareça muito apertado ou lotado. Mas o uso de um sublinhado em uma parte do design com bastante espaço em branco pode aliviar esse problema ao chamar a atenção para o texto sublinhado.
Ambos Galeria Simon Lee e Hoohaa Design use um simples sublinhado com bastante espaço para chamar a atenção para determinado texto. Para a Galeria Simon Lee, o sublinhado ajuda os usuários a se concentrarem em algumas das menores letras no design e fornece um ponto de pausa enquanto a próxima imagem no controle deslizante é carregada. Para o Hoohaa Design, o sublinhado faz parte de um elemento gráfico de balanceamento que enfatiza o nome do site.
Grupo Abel Design usa outra abordagem com uma linha laranja que, na verdade, é mais uma linha central do que sublinhada, mas tem um objetivo semelhante: desenhar o texto no texto conectado ao traço.
2. Texto Obstruído
Ver projetos com texto obstruído ou difícil de ler não é algo que você provavelmente esperaria ver nesta lista, mas muitos designers estão jogando com o conceito agora.
Essa pode ser uma técnica difícil de ser executada e muitos designers falharam (e acabaram como memes) por causa de letras que diziam algo não intencional. Projetar texto com uma obstrução se presta a esses tipos de problemas. Essa é uma preocupação real com estruturas responsivas devido a diferentes pontos de interrupção e movimento da obstrução de texto.
Uma obstrução pode ser um elemento que cobre o texto ou a falta de contraste entre o texto e o fundo, onde os elementos quase se desvanecem.
Mas, quando bem feito, pode levar a um design atraente. (É difícil parar de olhar para o Estúdio Raiz desenhar. A cor brilhante e o movimento subtil das girafas sobre as letras é fascinante.)
Para fazer isso funcionar você tem que fazer algumas coisas:
- Certifique-se de que a palavra seja comum o suficiente para ser entendida, e é por isso que "ROOT" não é um problema
- Não cubra muito da palavra
- Esteja ciente das obstruções que podem resultar em palavras indesejadas
- Use um tipo de letra super simples para que o estilo de letras não concorra com a obstrução
- Mantenha o resto do design super simples para que o usuário possa se concentrar na palavra e lê-la com a maior facilidade possível
3. Estética a preto e branco
Às vezes, as tendências de design - especialmente quando se trata de cores - refletem o humor dos criadores. Os esquemas de cores em preto e branco são mais escuros, mais minimalistas e com menos acento de cor do que tem sido comum nos últimos anos. (Os designers estão se sentindo um pouco mais sombrios hoje em dia?)
A versão atual da tendência de design em preto e branco é diferente do que aconteceu no passado, assim como a falta de cor não está sendo usada apenas para portfólios de fotografia. Os exemplos abaixo incluem uma empresa de design de móveis, uma agência de design de sites e histórias e informações sobre saúde mental.
Todos eles têm o mesmo humor em comum, devido à falta de cor.
Ao trabalhar com preto-e-branco, pode haver preocupações quanto à disposição e legibilidade do texto, além de como incluir cores em determinadas partes do design. Designers podem lutar para criar algo que seja envolvente, apesar da falta de cor.
Uma técnica que pode aquecer um design preto e branco é usar uma mistura de cores mais rica para os tons escuros. Um preto rico pode ter um tom vermelho, azul, verde ou de outra cor que ajuda a criar um humor ligeiramente diferente.
O preto rico é composto por várias cores ao olhar para os códigos HEX. Hex # 000000 é feito sem cor. O verdadeiro preto rico é o # 004040. Qualquer outra coisa é um preto “mais rico”. Um preto mais rico pode servir como uma transição entre elementos de design preto e branco e mais coloridos.
Por exemplo, Crafton , abaixo, usa um preto rico para o design com cores sutis ao redor do botão estilo fantasma e outros acentos. O preto mais rico parece mais quente e convidativo do que outros designs devido a essa escolha de cores. Embora o site não contenha muita cor abaixo do pergaminho, há alguns divots e elementos de design mais coloridos que se conectam de forma bastante uniforme devido à riqueza dos detalhes em preto e em cores na tela inicial.
O outro benefício para um preto rico, ou preto mais rico, é que ele pode melhorar o contraste entre texto e elementos de plano de fundo, tornando tudo um pouco mais fácil de ler.
Conclusão
Todos os designs de tendências deste mês tornam o texto um pouco mais difícil de ler do que o que a maioria de nós está acostumado. É um desses conceitos de design que pode ser eficaz quando usado excepcionalmente bem e apenas para determinados projetos. Mas isso pode ser difícil de realizar.
Quais tendências você está amando (ou odiando) agora? Eu adoraria ver alguns dos sites que você está fascinado. Me mande um link no Twitter ; Eu adoraria ouvir de você.