3 Tendências Essenciais de Design, junho de 2017
Às vezes, um simples ajuste de design pode mover o design do site de ordinário para moderno. Cada uma das tendências deste mês é esse tipo de técnica, desde pequenas tipografias a características geométricas e imagens borradas. Qualquer uma dessas técnicas pode funcionar em um novo projeto de design ou como um ajuste para um projeto existente.
Veja o que é tendência no design este mês:
1. Texto "minúsculo"
Parece que tipografia superdimensionada é uma coisa do passado? Um texto menor, quase “minúsculo”, começou a substituir os cabeçalhos grandes e arrojados que há algum tempo são um elemento básico do design do site. De pequenas manchetes para o texto do corpo que parece esparsa, tem havido uma tendência definitiva na redução de tipografia.
Embora possa haver algumas preocupações sobre a legibilidade quando se trata de pequenos tamanhos de texto, especialmente para o texto do corpo, fontes menores não são uma coisa ruim. Tipografia superdimensionada quase tinha começado a tendência com letras e tamanhos que eram quase grandes demais para serem lidos com facilidade.
Tipos de letra menores são um pouco mais suaves e dão ao design mais espaço para outros elementos para os olhos se moverem. O truque para a eficácia com o tipo pequeno é manter as letras no mínimo. Sem muito para ler, essa tendência pode ser eficaz e interessante. Por outro lado, com grandes blocos do tipo tipo minúsculo se perde e pode dificultar a capacidade do usuário de ler com facilidade e digitalizar a cópia de forma eficiente.
O equilíbrio também é uma preocupação. Todos os tipos de letra têm que diminuir um pouco para criar uma boa sensação de harmonia. Moonfarmer usa um tipo de letra leve para o tratamento do logótipo e uma pequena linha de cópia secundária. Os elementos do tipo contrastam bem e o tipo de tratamento leve parece se ajustar ao humor das imagens.
Hamburguer HTML leva quase a abordagem oposta com um título em negrito e pequenas linhas secundárias de texto. As palavras descritivas mais claras funcionam pequenas porque são palavras comuns - HTML, CSS, e-commerce - e contrastam significativamente com o título ainda superdimensionado.
Projeto NBA da Mountain Dew empurra tudo para uma pequena escala. Este é um dos menores tratamentos de manchete que você provavelmente encontrará, mas combinado com o overlay excessivamente ousado de X e o plano de fundo de vídeo, os usuários ainda são atraídos para o minúsculo texto.
2. Camadas Geométricas
Novas formas de camada de elementos tem crescido em popularidade. Recolhida pela primeira vez como uma técnica de design moderna e dominante pela ideia de design de material do Google, a disposição geométrica é uma maneira diferente de adicionar interesse visual a elementos visuais que podem deixar algo a desejar.
Cada um dos exemplos abaixo usa uma estrutura com formas arrojadas para trazer nova vida a imagens que são um pouco simples - edifícios, uma foto de reunião, imagens de pessoas trabalhando. A adição de formas divertidas, recortes e cores dão ao usuário um ponto de partida para entrar no design. Observe como cada um dos designs usa a forma geométrica para mover efetivamente o usuário de uma forma para o conteúdo mais relevante, como uma manchete ou marca.
A geometria pode ser usada de várias maneiras que se integra com o resto do design:
- cortado em imagens para trazer foco para elementos de teste importantes, como Projetos de sal ;
- usar um elemento de borda brilhante inesperado para criar um ponto focal fora de equilíbrio que leva os usuários pela tela, como Bailey e francês ;
- colocar fotos em formas incomuns para adicionar novo foco nas imagens, como Alquimia Digital .
A melhor parte do uso de camadas geométricas é que é fácil e funciona com praticamente qualquer tipo de conteúdo. Os usuários estão se acostumando com botões circulares e outros elementos que são colocados em cima uns dos outros para uma sensação interativa multi-plano, mais tátil.
Os ângulos e curvas em elementos geométricos podem ajudar a apontar os usuários de um elemento para o próximo e, quando usados efetivamente, são uma ótima ferramenta direcional. Posicione os ângulos de modo que eles "apontem" para o conteúdo que você deseja que os usuários vejam e usem círculos para o conteúdo que deve ser exibido primeiro.
3. Imagens desfocadas
Imagens borradas são uma técnica que não é nova. Mas parece que está ganhando vida nova com mais designs apresentando imagens ou vídeos totalmente ou parcialmente desfocados.
As imagens borradas podem criar uma sensação distinta para um site com um elemento de mistério ou ajudar a afastar a ênfase da imagem para outra parte do design. Cada um dos exemplos abaixo usa desfoque por diferentes motivos:
- Digitalux pega o que seria um vídeo chato - pessoas trabalhando em um escritório - e usa azul para adicionar um pouco de movimento atrás da mensagem principal e do call to action;
- Playkot usa um fundo borrado para dar ênfase ao personagem divertido e ao interessante tratamento de tipografia em primeiro plano, adicionando um elemento de realidade a essa aventura virtual de estilo urbano;
- "Nós, os fãs" da ESPN apresenta um pano de fundo estilo stadium turva que seria quase uma arena de futebol em qualquer lugar para mostrar a pré-visualização de um documentário de televisão; O cenário borrado ajuda a colocar mais foco no tipo de tratamento divertido que é a principal marca da série.
Conclusão
Às vezes, as maiores tendências são degraus nas evoluções de outras tendências. Pode ser interessante ver o progresso da pequena etapa quase como acontece. Isso é o que você tende a obter ao analisar os elementos de tendências que podem ser aplicados a praticamente qualquer projeto, como as três tendências exibidas aqui.
O bom dessas ideias é que elas são aplicáveis em praticamente qualquer escala. Você pode adicionar texto minúsculo apenas à sua página inicial, por exemplo, e ver como a alteração afeta os usuários antes de lançá-los em uma escala mais ampla. A experimentação e o teste neste nível ajudarão a prever se uma tendência como essa terá poder de permanência ou desaparecerá rapidamente.
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ê.