5 técnicas para ativar o tipo de exibição
Às vezes, seu tipo precisa transmitir sentimento, tanto quanto significado, e para essa função, mais designers estão se voltando para a tipografia dramática. Esse tipo de tipografia é usado para mais do que apenas legibilidade e legibilidade (embora esse ainda seja o objetivo principal). Tipografia dramática se destaca. Ele alcança a tela do dispositivo, exige a atenção do espectador e direciona-o para a mensagem que está transmitindo. É uma oportunidade para exibir a identidade da marca, melhorar o conteúdo do texto, criar uma hierarquia visual perfeita e criar uma impressão memorável. Não é surpresa que a tipografia dramática esteja rapidamente se tornando uma tendência nas interfaces da web.
Seja simples ou elaborada, as palavras nos sites de hoje estão sendo lidas sob uma nova luz. Neste artigo, vamos dar uma olhada em 5 exemplos de tipografia dramática em web design.
1. Tipologia Simples, Mas Dramática
Tipografia simples e tipografia dramática não são mutuamente exclusivas. De fato, a tipografia simples é uma das melhores formas de tipografia dramática. Essa técnica é relativamente fácil de incorporar em sua página - basta selecionar um tipo de letra simples e seguir estas dicas:
- Aumentar o tamanho do tipo de letra (os grandes tipos de letra enviam uma mensagem poderosa, especialmente quando associados a imagens de herói)
- Faça a cor do texto contrastar com o plano de fundo (a cor da cópia do texto geralmente é branca ou preta, o que contrasta bem com uma imagem ou com um fundo de cores vivas).
- Adicione um estilo arrojado
O tamanho da fonte é um meio de controlar a influência; o exemplo abaixo demonstra perfeitamente como as letras podem ser lindas por conta própria. Empregando extremos, isoladamente ou em grupos, torna-se possível transmitir uma mensagem poderosamente sem ser desagradável.
Fontes simples comunicam confiança e clareza.
2. Uso Criativo de Tipos Simples
É absolutamente possível ter as fontes mais básicas e criar uma experiência memorável. Tudo que você precisa é experimentar tipografia:
Precisa enviar sua mensagem alta e clara? Use ALL CAPS para cópia. Quer criar algo realmente especial? Use um tipo de letra simples, juntamente com efeitos animados ou vídeo.
3. Tipo Decorativo
Designers têm sentimentos mistos sobre fontes decorativas. Muitos designers desprezam rostos decorativos como baratos e desleixados, enquanto outros os adoram e alavancam de maneiras criativas e interessantes. Quanto a mim, acredito que a tipografia decorativa usada adequadamente pode definir o tom do site e destacar a marca de uma maneira adorável; mas apenas quando corresponde à personalidade da marca e à atmosfera do site. Quando um designer alcança um equilíbrio incorporando uma cópia com um tipo decorativo adequado, toda a experiência é melhor. Aqui estão alguns exemplos:
No Falcão e galinha exemplo abaixo, a fonte decorativa ajuda a estabelecer um estilo peculiar e único para esta cozinha / bar.
UMA tipo de letra personalizado em Sleeping Tapes do Squarespace define um bom humor para a experiência.
O tipo de letra brincalhão em HeadOfffice define atmosfera energética.
O tipo moderno e original usado no Maaemo homepage cria atmosfera misteriosa.
Você provavelmente notou que todos os exemplos acima têm uma coisa em comum: o tipo decorativo é usado junto com um layout simples e mínimo. Isto não é uma coincidência. O fato é que a tipografia decorativa é interessante por si só. Assim, se você for usar o tipo decorativo em sua página inicial, para concentrar a atenção do usuário em um único elemento, é melhor usar um layout simples.
4. Lettering
O tipo desenhado à mão faz parte do design da web. Às vezes é uma letra real que é escaneada, mas em muitos casos, é um tipo feito para parecer desenhado à mão. Fontes de script e letras adicionam um toque elegante a qualquer design quando feito corretamente. O texto desenhado à mão é único, pois é capaz de transmitir mensagens sobre a organização por trás dele. Dê uma olhada Grão e Argamassa e Femmefatale exemplos abaixo. As raízes artísticas dessas agências de design brilham em seu design de home page.
Elementos desenhados à mão são uma ótima maneira de humanizar uma marca.
Apenas certifique-se que, se a legibilidade é o objetivo final, a mensagem não está perdida na beleza. Para evitar possíveis problemas, tente limitar o uso de fontes desenhadas à mão para grandes títulos sobrepostos nas imagens e use outra fonte para a cópia normal.
5. Sobreposto sobre elementos
Uma das melhores maneiras de obter texto é através da sobreposição de outros elementos (como imagens ou outros objetos gráficos). Normalmente, as fontes escolhidas para serem sobrepostas levam em consideração outras texturas, padrões e ilustrações que estarão presentes no design:
Você pode estender o texto além de sua seção para outros.
Tendo metade das palavras "sangrar" sobre uma imagem.
Ou até mesmo quebrar as regras e dar destaque para a imagem primária e ocultar as palavras por trás dela.
As duas considerações importantes com essa técnica são o contraste e a legibilidade . Você precisa testar seu design para garantir que ambos os requisitos sejam atendidos e que o site tenha uma boa experiência do usuário.