Cor, heróis e uma nova maneira de criar profundidade de design são o que estamos vendo neste mês.
Duas dessas três tendências vêm com algumas preocupações de usabilidade, mas são muito divertidas de se ver e brincar. Você se arriscaria a tentar uma dessas técnicas de design? A terceira tendência (que aparece em primeiro lugar nesta lista) é uma nova abordagem das paletas de cores arrojadas, que mudam de algumas das cores que são esmagadoramente populares há algum tempo.
Aqui está o que há de tendência em design este mês.
Cores quentes, especialmente vermelhas
Cores quentes – especialmente tons de vermelho – estão de volta!
Como ponto de referência, as cores quentes são vívidas e arrojadas e às vezes podem ser impressionantes, pois podem ocupar e preencher o espaço, causando uma sensação de plenitude. As cores quentes incluem vermelhos, laranjas e amarelos. Eles estão todos na mesma parte da roda de cores, que pode ser dividida em cores quentes e frias (azuis, verdes e roxos).
O bom dessas cores quentes é que elas são ousadas sem os mesmos níveis de brilho que são populares há algum tempo. Eles não são tão impressionantes quanto os brilhos em telas menores e mais escuras e realmente definem um tom diferente para o design que é um pouco mais sério.
Cada um dos exemplos abaixo usa uma paleta de cores quente (vermelha) de uma maneira diferente.
Skull & Roses usa uma paleta vermelha e roxa (quente e fria) para criar contraste e cores e gradientes divertidos.
Amanda Braga usa uma paleta de cores monótona vermelha para a página sobre em seu site de portfólio. É ousado, na sua cara e exige atenção. Até a foto tem uma cor vermelha.
O Catalyst usa manchas vermelhas com gradientes para atrair você para a forma geográfica 3D na imagem do herói. Isso cria uma sensação de movimento e emoção para o evento.
Heróis em tela cheia
Uma imagem de herói enorme não é novidade. Mas cabeçalhos de heróis que ocupam toda a tela inicial são.
A tendência também parece vir com outro elemento novo – nenhuma navegação óbvia ou necessidade de rolar (embora muitas vezes esteja lá). O resultado é uma tendência com designs super limpos, com a possibilidade de desafios de design ou usabilidade.
Essa tendência funciona por um motivo: graças ao uso móvel, as pessoas estão se acostumando (ou treinando) a rolar. As telas pequenas o tornam um modo de vida e essa tendência depende disso para funcionar.
Mas, os usuários saberão o que fazer e passarão pela página inicial?
Você pode encontrar as pistas visuais nesses exemplos?
A Ilha possui um divertido loop de vídeo em tela cheia e possui uma barra de rolagem à direita como sugestão visual e um ícone de rolagem dobrado em alguns tamanhos de tela. Um menu de navegação para hambúrgueres também pode ajudá-lo a encontrar o que procura neste design limpo.
A saída parece legal, mas não tem um recurso de rolagem na tela. A frase “E tem mais” é tudo o que você precisa para incentivar uma análise mais aprofundada do design. (Também não há menu de navegação.)
A Ubisoft usa um vídeo em tela cheia, que você obtém um vislumbre dos elementos de texto. Não há pistas de rolagem óbvias (e há uma rolagem), mas o ícone do hambúrguer é uma dica visual de que há mais no site do que apenas uma página inicial.
Neumorfismo
Essa tendência é uma mistura de técnicas populares de design de aplicativos e da Web que começam a aparecer com mais frequência nos conceitos de aplicativos.
O neumorfismo (ou novo ckeuomorfismo) pode ser atribuído a uma análise por Michal Malewicz do Hype4 que fizeram um bom mergulho sobre o que é essa tendência (e não é) e como funciona para os designers. O neumorfismo parece ser mais popular ao projetar interfaces no estilo de cartões.
O estilo pode ser identificado pelo uso de sombras interna e externa para criar uma ilusão de formas mais suaves que parecem se destacar da tela de fundo.
Veja como Malewicz o descreve:
Um cartão Moderno / Material (atualizado) geralmente é uma superfície flutuando sobre o fundo percebido e projetando uma sombra nele. A sombra fornece profundidade e também, em muitos casos, define a própria forma, pois muitas vezes é sem borda.
Embora essa tendência tenha uma aparência legal, ela vem com alguns desafios. Principalmente essas questões lidam com acessibilidade e contraste.
De qualquer forma, é divertido passar de conceitos completamente planos para algo com mais profundidade, principalmente para interfaces baseadas em aplicativos. O tempo dirá se essa tendência realmente decola ou não, pois ainda está em sua infância.
Quer jogar com neimorfismo por conta própria? Você pode experimentar este divertido gerador de CSS.
Conclusão
Das tendências deste mês, o retorno de cores quentes é especialmente agradável. Tons de vermelho são convidativos e interessantes e uma boa mudança dos super brilhantes que têm sido tão populares.
As outras tendências apresentam seus próprios desafios de usabilidade, mas têm alto interesse visual. Você poderia se ver usando-os em projetos? (Um portfólio, talvez?)
Quais tendências você está amando (ou odiando) agora? Adoraria ver alguns dos sites pelos quais você é fascinado.