Tendências Essenciais de Design, março de 2017
Aqui está o ponto de ênfase ...
Esse é o tema deste mês. Esta coleção de tendências concentra-se em adicionar ênfase ao design com detalhamento específico de itálico para telas divididas a fundos gritantes e minimalistas combinados com um ou dois truques.
Veja o que é tendência no design este mês:
1. Telas divididas
O design de tela dividida foi algo que começou a ganhar força em meados de 2016 e agora é um grande negócio. Navegue por coleções de design de site e contornos de tela dividida estão em toda parte.
O que é bom é a rapidez com que o estilo evoluiu. Os primeiros projetos de tela dividida apresentavam desenhos predominantemente simétricos com uma estética de estilo yin e yang. Os novos ecrãs divididos têm uma sensação de “algo”.
Os três exemplos abaixo mostram três maneiras muito diferentes de usar a mesma tendência.
- Rance usa um design dividido para conter um vídeo em loop e a navegação principal. O contraste entre a área branca e vermelho é gritante e força o olho através da tela. Ele também garante que o usuário localizará a navegação porque é o único elemento dentro da parte colorida do desenho.
- GECN é um site governamental complexo que usa uma tela dividida para transmitir duas ideias diferentes com dois links imediatamente no design. Embora a divisão não seja em tela cheia e contenha muito texto, essa é uma boa alternativa para um design com muitos apelos à ação, bases de usuários ou conteúdo complicado.
- Tímido usa um conceito semelhante ao Rency, mas com uma torção: o design apresenta um loop de vídeo em tela cheia e metade dele é coberto por uma caixa de cor tingida. Todos os elementos clicáveis estão dentro da área colorida e o menu de navegação está oculto no canto superior direito do vídeo.
O que cada um dos exemplos tem em comum é que o design de tela dividida dá ênfase ao conteúdo. Ele ajuda a direcionar os usuários para elementos específicos no design através do uso de cores e com movimento real ou percebido, graças a "telas" contrastantes.
A melhor parte dos novos designs de tela dividida é que há um fluxo assimétrico para eles. Designers não estão presos em um formato yin e yang e o resultado é padrões visuais muito mais interessantes.
2. Itálico
Um dos estilos de caractere menos usados é obter mais opções de exibição.
Os itálicos estão entrando nas paletas de tipografia dos designers, e não apenas pelo ponto de ênfase ocasional. Mais itálicos estão sendo usados para tipos de exibição, elementos secundários, como links ou itens de menu ou para uma ênfase mais ampla.
Os itálicos são uma nova visão dos seus estilos típicos. Porque eles não são tão amplamente utilizados, esta tendência é um que é certo para atrair a atenção dos visitantes, mesmo que eles não têm certeza sobre o que sobre as letras chamou sua atenção em primeiro lugar.
Itálico é uma mudança sutil que nem requer uma nova paleta de tipografia. Eles vêm com algumas precauções e sugestões para as melhores práticas.
- Para aproveitar ao máximo o itálico, use-os com moderação para pequenos blocos de texto.
- Use um tipo de letra altamente legível se você pretende colocar em itálico; opções de novidades podem ser complicadas.
- Use o tipo de letra em itálico e não tente criar sua própria versão por letras oblíquas. (Isso pode ficar confuso com pressa.)
- Use itálico para representar elementos comumente em itálico, como o título de algo, como mostra em muitos dos exemplos abaixo.
- Pare o itálico com um efeito simples, como uma animação ou cor, para uma ênfase ainda maior.
- Como o itálico pode ser um pouco mais difícil de ler, verifique se há muito contraste entre o tipo e o plano de fundo.
- Pare as opções de tipo itálico com uma fonte simples serif ou sans serif para não diminuir o itálico.
3. Fundos sólidos com um 'truque'
Uma das maneiras mais fáceis de criar ênfase visual é com elementos contrastantes. Enquanto um plano de fundo de cor sólida pode parecer simples ou plano, pode ser a tela perfeita para um truque de design, como animação, ilustração ou som.
O contraste entre o starkness do fundo e o truque, ajuda a trazer o elemento de interface do usuário à vida. Das simples praças saltitantes no Design 3K para o divertido desenho animado de Retrace Health para a rolagem paralaxe de Florian Monfrini .
Cada um dos efeitos se destaca pela simplicidade do fundo. Além disso, esses fundos também não atrapalham o design. Cada um é branco ou em tons pastel e desaparece dos primeiros planos para que os usuários se concentrem nas mensagens do conteúdo principal. (Fundos escuros pretos ou simples podem funcionar igualmente bem.)
É por isso que funciona: os usuários não ficam presos na tela e o design quase sai da tela. É quase como arte em uma parede. Se a parede for pintada com cores e padrões selvagens, pode ser difícil ver a imagem emoldurada para a qual você está lá, mas uma peça de arte em uma parede branca é uma peça de show.
Esta tendência de design cria uma peça de exibição para o truque que você deseja incorporar em um projeto. Pode ser quase qualquer coisa. E será o destaque do design com uma tela simples para exibi-lo.
Um cuidado ao planejar uma escolha de cor para um plano de fundo simples: Para maior impacto, fique com uma cor branca, preta ou neutra. Negrito, cores brilhantes são quase um truque de design em si e podem prejudicar seu objetivo.
Conclusão
Todo design precisa enfatizar algo. É por isso que esse grupo de tendências é tão refrescante. Cada um sublinha algo importante para os usuários com uma maneira fácil de entender de fornecer ênfase. Os usuários sabem exatamente o que o itálico significa e eles podem ver a variação em telas divididas ou planos de fundo que contrastam com os elementos da interface do usuário.
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ê.