3 Tendências Essenciais de Design, agosto de 2017
Se os dias de cão do verão você anseia por uma mudança de cenário, as tendências de web design deste mês são o começo perfeito. Enquanto o minimalismo tem sido o estilo “isso” nos últimos tempos, mais designers estão começando a mudar para mais detalhes e recursos dentro do layout. Os padrões de design marcantes que estamos começando a ver são uma nova alternativa aos estilos despojados com os quais nos acostumamos.
O que você acha? Você está pronto para opções de tipografia mais finas, detalhamento mais elaborado e logotipos em estilo de ícone? Você pode estar depois de ver alguns desses projetos de design.
Veja o que é tendência no design este mês:
1. Tipografia fina (ner)
Tipo fino está de volta! Fontes finas tiveram um mau retorno quando a Apple optou por uma fonte super fina e leve para o seu sistema operacional com o iOS 7.
Designers recusaram a opção que foi um pouco difícil de ler e tipo de resistiu a muitas tendências de design acontecendo no momento. (Flat era toda a raiva, mas alguns argumentavam que o quase plano da Apple combinado com o tipo de letra ultra-fino era demais.) Ao mesmo tempo, fontes maiores e mais arrojadas tornaram-se o elemento dominante para manchetes de websites e tipografia sobre imagens de heróis acima do pergaminho .
A maré está começando a mudar para o outro lado. Os tipos de letra finos de hoje são um pouco mais finos do que estamos acostumados, mas não são tão finos quanto a opção Apple.
A melhor coisa sobre optar por um tipo de letra mais fino é que você tem um pouco mais de liberdade com o design. Embora os tipos de letra finos não sejam recomendados para cópias corporais, eles podem funcionar bem em tamanhos maiores quando há muito contraste.
Os exemplos abaixo mostram alguns dos melhores usos de fontes mais finas:
- Use um tipo de letra fino em todas as letras maiúsculas para criar um título impactante. Esta opção geralmente funciona melhor com apenas algumas palavras, como Safáris africanos de luxo , abaixo. É igualmente importante pensar nas letras em relação às letras reais; algumas palavras podem ser difíceis de ler em tipos ou tampões finos.
- Emparelhe um tipo de letra fino com uma opção mais ousada para criar ênfase, como WebDesignStudio , abaixo.
- Use um tipo de letra mais fino em cores (em um fundo contrastante) para adicionar ênfase visual, como Centro de Golfe de Leeds , abaixo.
Procurando inspiração? Aqui estão cinco Google Fonts que se encaixam na conta (e ficarão ótimos): Fonte Sans Pro , Dosis , Escopo Um , Rajdhani , Martel Sans .
2. Detalhes elaborados
De divertidos floreios a sofisticados tratamentos tipográficos a elementos da interface do usuário que criam delícias inesperadas, detalhes elaborados estão se tornando mais comuns. O truque para criar algo elaborado é torná-lo o mais simples possível para o usuário, o que significa que ele deve ser fácil de entender e usar.
O melhor dos detalhes é que eles podem adicionar muita personalidade a um projeto. Esses elementos podem transportar mídias de projetos de sites para design de produtos e elementos impressos, de modo que tudo, desde uma marca, tenha a mesma coisa especial visualmente. (Esta é uma excelente maneira de estabelecer a coesão da marca.)
Esses detalhes podem aparecer de diversas maneiras e devem sempre aumentar o efeito geral, e não diminuí-lo. Detalhes elaborados são melhor usados para uma única instância no design e não devem sobrecarregar os usuários. Usar algo elaborado muitas vezes pode acabar criando o oposto do efeito pretendido e, na verdade, sobrecarregar visualmente os usuários. Então, quando você encontrar o seu "truque", use-o uma vez e use-o bem.
o Grupo de antepassados , abaixo, usa um estilo elaborado com um logotipo de estilo antigo com swashes coloridos acima do título. O estilo de tipo é incomum para web design e combinado com o logotipo elaborado, é uma combinação impressionante. Mas você também pode ver como esse design só pode ser eficaz com um único uso. O tipo de letra pode ser difícil se usado para grandes blocos de texto e o estilo pode atrapalhar as mensagens. Aqui, a equipe de design usou perfeitamente.
Cadeiras de Tarefas Vitra , abaixo, usa animações elaboradas da interface do usuário para envolver os usuários. A página inicial inclui um botão "Arrastar" que é aberto no menu da linha de produtos. O fundo permanece o mesmo em ambos os painéis para que as cadeiras estejam sempre destacadas no rolo de vídeo. As animações entre os cliques são igualmente interessantes e, mesmo que você não esteja pronto para comprar uma cadeira, a movimentação pelo site é incentivada.
Às vezes, o design mais elaborado não inclui efeitos superespeciais. Somente a escola do papagaio , abaixo, usa um logotipo real e grande de vídeo divertido para uma combinação que chama a atenção. Embora o logotipo grande pareça simples, a criação de tipografia que seja legível e funcional dessa maneira pode ser difícil. Aqui, funciona lindamente e o clima das letras coincide com o que você esperaria desse tipo de negócio.
3. Logotipos de ícones
Isso é um ícone ou um logotipo? A linha entre os dois elementos de design está ficando mais cruzada o tempo todo. Logotipos em estilo de ícone estão surgindo em todos os lugares.
Desenhadas a partir do estilo minimalista e porque funcionam numa variedade de aplicações, os logótipos de ícones podem ser coloridos ou inspirados em linhas artísticas. A maioria dos usos se inclina para um logotipo de estilo menor em uma forma que também será transferida para sites de mídia social para uma marca on-line consistente.
A desvantagem de um logotipo de ícone é que não há muito espaço para um nome de empresa real. Os melhores logotipos de ícones são projetados para que eles possam ficar sozinhos ou ao lado de letras, como Distrito0x , abaixo. Observe como o colorido ícone "d" pode funcionar por si só - fica ótimo no formato do logotipo do círculo do círculo por causa da forma assimétrica - e não se parece com o nome completo da marca.
Móveis Jardan e Farol de Nobbys , abaixo, opte por estilos de logotipo de ícone mais simples com o nome da marca definido no tipo abaixo. Embora esta seja uma opção popular, pode criar alguma desconexão entre o nome e o logotipo. Opte por veiculações que conectam os elementos - os dois exemplos centralizaram o logotipo e o nome da empresa - para criar um caminho para os olhos de um elemento para o outro.
Conclusão
É divertido ver como as tendências começam a mudar de uma dinâmica para outra. Você acha que estilos mais detalhados substituirão o minimalismo? Ou é apenas uma moda passageira?
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ê.