Tendências Essenciais de Design, fevereiro de 2016
Procurando por uma atualização de site e não sabe por onde começar? Alguns dos elementos mais modernos em web design agora são divertidos e esteticamente fáceis de usar.
Adicionar um recurso moderno ao seu design atual, ou nova compilação, pode ajudar a criar uma vibração moderna que pode ajudar a atrair visitantes para seu site. E o que é particularmente interessante nessa tríade de tendências é que você pode usá-las com elementos existentes, paletas de cores e tipografia e marcas.
Veja o que é tendência no design este mês:
1. esquemas de cores Duotone
As paletas de cores Duotone existem há muito tempo, mas a recente inclusão adiciona um efeito de lavagem de cores a um gradiente duotônico para um efeito de tela cheia e alto impacto. É algo que se destacou de uma maneira importante com design plano, mas graças ao impressionante uso do Spotify, o duotone está de volta.
Então, o que exatamente é duotone?
É o uso de duas cores para formar uma paleta. Na forma mais básica, o duotone é uma combinação complementar da roda de cores. Em usos mais complexos, os designers estão usando todos os tipos de combinações de cores e quebrando as regras com os pares.
A maioria dos efeitos duotônicos apresenta uma sobreposição de cores vivas sobre uma imagem. O efeito duotônico destaca os tons escuros e as luzes e cria um impacto visual com cores impressionantes. O Spotify usa isso de uma maneira excelente para criar fotos de artistas comuns que você já viu dezenas de vezes parecerem diferentes o suficiente para chamar a atenção.
É uma técnica que você pode usar de várias maneiras. Ele funciona com praticamente qualquer conceito de design e pode ser usado como um elemento de tela inteira, como muitos dos exemplos acima, para criar arte dominante. Ele também pode ser usado para criar um plano de fundo interessante, para acentuar os elementos da interface do usuário ou para ajudar a dar ênfase a uma parte específica do design. O Duotone funciona melhor quando usado para um único elemento de design. A técnica pode ser avassaladora e deve ser usada com moderação.
2. Design de tela derramada
Sites com um design de tela dividida estão crescendo exponencialmente. A técnica de design apresenta dois painéis de conteúdo lado a lado. A maioria desses conceitos usa um contorno simétrico para que cada lado da tela tenha o mesmo tamanho e formato.
O resultado é uma experiência de conteúdo duplo em computadores desktop e (quando codificados corretamente) uma ótima experiência de tela a tela em dispositivos menores, em que os painéis recuam e são empilhados em elementos de rolagem.
As oportunidades de design com a tendência de divisão de tela são ilimitadas - meio e meio divisões, divisões com cartões ou elementos de estilo de grade, uma divisão sutil e a lista continua. Cada lado do design também pode levar os usuários a diferentes tipos de conteúdo e ajudar você a obter análises valiosas do usuário sobre o tipo de conteúdo que as pessoas querem ver e clicar.
Os designs de tela dividida são fáceis de usar, funcionam bem em estruturas responsivas e não dominam outras técnicas de design que você pode querer usar.
Aqui estão algumas maneiras de dividir a tela efetivamente:
- Emparelhar cor e tipografia quando você não tem visuais fortes.
- Focalize a atenção do usuário com o movimento da esquerda para a direita que resulta em uma ação.
- Use o bloqueio de cores para dividir a tela e dê bastante espaço à sua mensagem, aumentando a legibilidade.
- Pense em uma tela dividida como cartões grandes. Empilhar os elementos de contêiner em um mosaico ou padrão de estilo de alvenaria para mostrar diferentes peças de conteúdo.
- Mantenha cada “tela” simples. O truque para este conceito de design é a tela dividida. Um estilo minimalista pode ajudar a dar ênfase ao conteúdo nele.
3. Tipografia em um espaço compartilhado
Esta é uma daquelas tendências que você quase tem que ver, entender: a tipografia está se estendendo em espaços compartilhados no design. Olhe para a maioria dos sites e existem imagens e fundos e tipo. Os elementos são criados juntos, como o tipo em uma imagem, ou são completamente separados.
Mais designers estão quebrando esse formato e criando projetos onde o tipo se estende aos espaços de outros elementos. É interessante e divertido de se olhar.
Também pode ser um desafio criar, devido a preocupações sobre a legibilidade.
A técnica funciona melhor com uma tipografia simples, como uma média sem sans serif. O texto deve ter bastante contraste para destacar-se do plano de fundo e de quaisquer elementos que ele cruze para o outro lado. Por esse motivo, a maioria dos desenhos que usam essa técnica usa letras brancas ou pretas.
O texto também precisa ter algum tamanho para que isso funcione. Quase tão importante quanto o contraste de cores, é o contraste em tamanho e espaço. Você também precisa ter um cuidado especial em como o texto se move com diferentes tamanhos de tela ou pontos de interrupção, de modo que as letras não cubram as áreas da imagem que são vitais para a sua mensagem.
Um dos exemplos mais impressionantes disso é de Deux Huit Huit (você vai querer visitar o site para o efeito completo). Rotulação se move através e através da imagem principal na página inicial. As palavras são legíveis quando "caem" da imagem e atravessam o espaço entre a foto e o fundo.
Conclusão
Enquanto muitas tendências de design vêm e vão quase tão rapidamente quanto você começa a reconhecê-las, as que ficam por perto geralmente trabalham bem com outras técnicas testadas pelo tempo. É o que mais se destaca neste trio de estilos modernos. Cada um pode ser trabalhado em um layout para um toque de novidade. Estas técnicas são bastante fáceis de implementar (e remover mais tarde) sem destruir toda a sua estética.
Experimente uma dessas técnicas para uma atualização visual. Pense em sair da sua zona de conforto um pouco com opções de cores ousadas ou uma mudança apenas na sua página inicial. Ou seja um pouco mais ousado e tente uma combinação de técnicas modernas para um design que realmente se destaca. (Você notou que o site da Stikwood usa duas das tendências - design de tela dividida e tipografia em um espaço compartilhado?)
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ê.