Tendências Essenciais de Design, fevereiro de 2017
Uma presença visual interessante acima do pergaminho é a primeira impressão que um usuário obtém de um site. Se esse usuário continua a clicar pode depender de várias coisas, incluindo imagens, legibilidade e interesse geral no conteúdo.
Neste mês, estamos analisando três tendências que causam uma primeira impressão distinta - sobreposições de cores escuras em imagens, brutalismo e estilos vazios de letras. Veja o que é tendência no design este mês:
1) sobreposição escura em imagens
Não importa se a imagem do herói está parada ou em movimento, uma sobreposição de cor escura pode ajudar até mesmo as cores de uma maneira que facilita a adição de texto e outros elementos a uma camada na parte superior da imagem. Embora isso possa soar como um atalho no começo, há muito valor nessa técnica.
O principal motivo para optar por uma sobreposição de cores é melhorar a legibilidade. A maioria das imagens contém variações de cores claras e escuras, sendo um desafio adicionar legendas legíveis em todos os dispositivos. Mesmo que haja um posicionamento perfeito para telas largas de desktop, a mesma combinação de imagem e texto pode se tornar indecifrável em uma tela móvel.
É aí que uma sobreposição de cores ajuda. A lavagem de cor semitransparente sobre uma imagem ou vídeo deve aumentar o contraste. Em seguida, as letras brancas ou claras têm um lugar e permanecerão legíveis.
Sobreposições de cores escuras são visualmente interessantes por outras razões também. Não fique preso na armadilha que escuro significa preto ou cinza. Uma sobreposição escura pode ser de qualquer cor, como o verde usado pela Internetum, abaixo. Uma opção divertida ou incomum de cores pode ajudar a atrair usuários para o design.
Uma sobreposição escura pode fazer mais uma coisa: ela pode ajudar a camuflar uma imagem ou vídeo que você não deseja estar na vanguarda do design. Isso pode ser porque a imagem é um pouco antiga, um pouco suave em termos de composição ou apenas uma que fique um pouco vazia. Uma sobreposição de cores pode alterar o clima da imagem, torná-la um pouco menos proeminente e ajudar o design a se concentrar mais em outro conteúdo, como texto, botões de ação para chamar ou outros elementos gráficos.
As sobreposições podem ser realmente escuras, como a Digital Werk, ou podem fornecer um escurecimento sutil à maneira da Lytton Living. Você sabe que tem o equilíbrio certo quando ainda consegue ver a imagem e todos os elementos em camadas são fáceis de ler.
2. brutalismo
Feio. Harsh Afiado. Ocupado.
Estas são apenas algumas das palavras que alguns usaram para descrever a tendência do design do site brutalismo. Mas só porque um designer experimenta o brutalismo não significa que o design seja uma bagunça quente. É exatamente o oposto.
Este estilo emprega um estilo diferente e sensibilidade que inclui coisas que você vê e coisas que você não pode. Ben McNicholl descreveu desta forma em um post para Envato : “'Brutalism' vem da palavra francesa para 'raw', então tenha isso em mente quando você estiver escrevendo seu código.
“Um site não precisa ser um espetáculo de terror de imagens desordenadas e cores de fonte conflitantes; A maneira como o código foi escrito também simboliza o estilo. CSS embutido, código não manipulado, tabelas HTML, a lista continua. ”
Existem exemplos suficientes de brutalismo que há um todo galeria de sites dedicado a esses projetos. Na introdução, o site refere-se ao brutalismo desta forma: “Em sua robustez e falta de preocupação em parecer confortável ou fácil, o brutalismo pode ser visto como uma reação das gerações mais jovens à leveza, otimismo e frivolidade do web design atual. "
O que é particularmente interessante sobre o brutalismo é que o design parece tão diferente de todos os estilos planos e minimalistas que são tão comuns. Se você se deparar com um desses desenhos, não poderá deixar de olhar e explorar. Se você acha que é bonito ou feio ou algo no meio, esse é o objetivo final de qualquer design de site.
3. rotulação oca
Cartas com preenchimentos interessantes estão começando a aparecer em todo o lugar. O que é interessante sobre essa tendência é que ela tem duas aparências distintas:
- Letras ocas sobre uma imagem ou fundo colorido, como C & C Coffee.
- Letras cheias de uma imagem em um plano de fundo simples, como o London Loom, com uma versão alternativa, onde você quase pode ver a imagem com um fundo com transparência sutil, como My Mother Before Me.
Embora esta tendência tenha muito impacto visual e seja muito divertida, pode ser um pouco difícil de executar.
Quando se trata de lettering oco sobre uma foto, nem sempre há muitas opções de tipos de letra para escolher e os designers podem ficar presos usando as mesmas fontes. Esta não é uma situação ideal para projetos web. Há mais flexibilidade para projetos que não são da Web, em que você não precisa se preocupar com a integração e a renderização de fontes.
Quando se trata de letras preenchidas, o truque para fazê-lo funcionar é que as imagens dentro das letras precisam ser discerníveis. Se os usuários não souberem o que é a imagem, o design não será efetivo. Para ajudar, a maioria dos designers optam por letras maiúsculas grossas aqui, para que haja mais espaço para as imagens serem exibidas. As imagens geralmente são mais abstratas, ou têxteis ou paisagens, porque o cérebro humano tende a preencher os espaços em branco da imagem e ainda funciona para eles. É muito mais difícil usar imagens com rostos ou objetos que você precisa ver de uma determinada maneira, porque elas precisam ser posicionadas perfeitamente dentro dos caracteres.
Apesar de ser um pouco desafiador, ambos os estilos de letras podem ser visualmente interessantes e divertidos de criar.
Conclusão
Ao contrário de outras tendências em que você pode implementar pequenas alterações, essas três opções apresentam mais uma mudança de estilo geral. Você consegue se ver usando algum deles em projetos futuros?
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ê.