3 Tendências Essenciais de Design, setembro de 2017
Às vezes você pode apenas olhar para novos projetos de sites e ver o que os designers estão pensando. Você pode sentir o humor. As tendências deste mês refletem esse conceito com opções de cores ousadas, um colapso do estilo de cabeçalho de herói tradicional que é popular há algum tempo e padrões de animação sombrios que são um pouco misteriosos.
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. Cores do Arco-Íris
Quando você ouve “cores do arco-íris”, a primeira coisa que vem à mente provavelmente não é um bom design. Há muitos exemplos gritantes de projetos extravagantes com paletas de cores com tema de arco-íris que são impressionantes e, francamente, desastres de design.
As cores do arco-íris de hoje são tudo menos desastrosas. Eles são elegantes, simples e fornecem a quantidade certa de cores para um número surpreendente de projetos. Paletas de arco-íris não são apenas para sites pequenos; grandes marcas, incluindo o Conferência do Universo Github , Companhias Aéreas da Southwest e Gramática Londrina O canal Spotify usa padrões interessantes de arco-íris.
Ainda mais interessante é que todo projeto usa o mesmo conceito de cores de maneiras muito diferentes.
- Elementos de texto do arco-íris numa estética sombria: o Github usa uma estética simples e escura com texto colorido arco-íris e elementos da interface do usuário para chamar a atenção de informações importantes (como a data) para a chamada principal para a ação (venda de ingressos). O gradiente do arco-íris é simples e sutil, enquanto define o clima de oportunidade e otimismo. Essa parece ser a combinação certa para incentivar os usuários a se registrarem em uma conferência.
- A Southwest Airlines usa outra abordagem com elementos de fundo do arco-íris e o texto preenche um elemento de contêiner mais leve. O sotaque do arco-íris fornece um ponto de referência visual para um site que tenha conteúdo que possa ser considerado chato. A cor dá ao estudo de caso um pouco mais de vida para ajudar a estimular os cliques.
- A London Grammar usa um orbe gigante de arco-íris para atrair os usuários para a colaboração da experiência de mixagem de som com o Spotify. A bolha do arco-íris muda e se move com uma animação lenta que parece gel na água. As cores se movem e se mesclam e é algo que você pode olhar o dia todo se não for cuidadoso. O aspecto de gamificação do elemento colorido também é interessante, mas a cor é definitivamente o que atrai os usuários primeiro.
2. Colapso do cabeçalho do herói
O cabeçalho superdimensionado de heróis de foto ou controle deslizante tem sido um elemento básico do design do site há anos. Mas há uma tendência para se afastar do padrão, com mais designers optando por um mínimo mais acima da estrutura de rolagem com mais elementos e uma sensação menos construída.
O resultado parece ser uma tendência com cabeçalhos mais brancos ou leves que têm um punhado de partes flutuando. Esta tendência recebe críticas um pouco confusas. Alguns visuais são interessantes, mas no geral parece haver uma falta geral de ponto focal para os usuários e um conjunto claramente definido de ações a serem tomadas.
O que é bom sobre o colapso do cabeçalho do herói é que a abordagem mínima faz com que os usuários pareçam. É diferente. A questão é se há mensagens suficientes para carregar seus interesses por muito tempo ou se os usuários responderão positivamente a uma experiência de site menos visual.
Esta é uma tendência a observar, porque é provável que nos estágios iniciais de evolução. Designers estão prontos para fazer algo diferente com os topos das páginas (e compreensivelmente isso). Essa iteração de projetos é apenas o primeiro passo para algo novo. Alguns designers podem ser perturbados pela combinação ímpar ou partes dos elementos acima do pergaminho na maioria desses conceitos de design até o momento. Resta saber onde a tendência se aproxima, mas vale a pena ficar de olho, com certeza.
3. Padrões Animados Escuros
Esta pode ser a tendência mais divertida no design do site agora: Efeitos animados escuros sobrepostos aos esquemas de cores escuras. O escuro no conceito escuro é misterioso, visualmente interessante e realmente faz o usuário olhar e se envolver com o design.
Além disso, pode funcionar de muitas maneiras diferentes. Não há um conjunto para o tamanho ou tipo de animação ou o efeito. Cada um dos exemplos abaixo usa efeitos animados escuros de formas diferentes, que encorajam algum tipo de interação, desde movimento automatizado a efeitos de mouse sobre flashes de surpresa (você terá que clicar nos links para encontrar aquele).
Embora esses designs pareçam muito legais, eles também podem representar alguns desafios. Nem todos os usuários estão interessados em uma estética tão sombria. Pode não render bem em todas as condições ambientais. Esses designs definitivamente parecem e funcionam melhor em telas de desktop do que dispositivos menores.
Mas a tendência de design tem um lugar para designers que querem criar algo um pouco diferente, com um certo humor e aspecto moderno.
Há também algo sobre combinações de tons escuros sem muita cor que apenas te atrai. (É meio inexplicável).
Para aproveitar ao máximo o escuro na tendência escura, certifique-se de usar variação suficiente em tons escuros para ter certeza de que os elementos possam ser vistos e que os movimentos sejam perceptíveis. Use negros ricos com muitos tons para definir o humor certo para cada projeto.
Embora os exemplos abaixo sejam totalmente sem cor, considere uma tonalidade contrastante diferente de branco para pontos-chave de ênfase. (Um botão colorido de chamar a ação realmente se destacaria com a quantidade de contraste que todas as imagens negras fornecem.)
A outra semelhança com esta tendência está na simplicidade das animações usadas. Nenhum dos movimentos é excessivamente complexo. É tão simples e ágil quanto a paleta de cores, que é o principal contribuinte para o sucesso geral da tendência de design.
Conclusão
A mudança no uso de cores apresentada pelas tendências deste mês é interessante e eficaz. As cores do arco-íris são muito divertidas e edificantes, enquanto padrões brancos e escuros mínimos fornecem muito espaço para introspecção e reflexão. As escolhas de cores realmente se conectam ao modo como os designers se sentem em relação a um projeto.
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ê.