Por que a tipografia é importante na criação de sites

O conteúdo utilizado para a criação de sites pode existir como a mensagem por si só, uma vez que todos tendemos a pensar que a mensagem não muda, independentemente da fonte em que esta se encontra, ou seja empacotada.

Ou não?

Pensemos em como a mensagem é criada. Do ponto de vista linguístico e semântico, a ideia principal vem à mente, e as palavras são então escolhidas cuidadosamente para enquadrar a mensagem. Para se comunicar efetivamente, você precisa conhecer seu público e poder antecipar como eles responderão às palavras que você escolher.

Essas palavras devem ser lidas para serem posteriormente compreendidas, processadas e digeridas. Mas, para que seu público seja lido, você deve apresentar sua mensagem de forma adequada e efetiva.

A apresentação é extremamente importante. A maioria das pessoas esperava que um anel de diamante estivesse dentro de uma caixa do joalheiro, não um saco de papel marrom amassado, e ninguém incomodaria procurando o último apenas para encontrar um. A tipografia trata de apresentar e empacotar o conteúdo, ou seja, a mensagem que você está tentando transmitir ao seu público.

O que é tipografia?

A tipografia é simplesmente a forma como o texto é organizado em um documento, ou para os propósitos deste artigo, em uma página da Web. Muitas vezes é considerado uma arte, especialmente porque a tipografia está intimamente ligada à criatividade e à inovação. A tipografia serve para muitos propósitos, de destacar um tema, definir a personalidade, enfatizar as idéias, colocar as emoções em exibição, gerar interesse e construir uma estética de design geral. É a interseção de layout e conteúdo e é parte integrante do web design para qualquer site.
 

Elementos da tipografia que valem a pena considerar

A tipografia engloba uma série de elementos que afetam e são afetados pelo design web, incluindo a escolha de fonte, paleta de cores, tamanho, comprimento de linhas, layout e integração com um design. É importante familiarizar-se com todos esses fatores para poder usar a tipografia efetivamente.

1) Tipos de letra: são as primeiras coisas que vêm à mente quando pensamos sobre a tipografia. Alguns até utilizam os termos "fonte" e "tipografia" de forma intercambiável, no entanto, as fontes compreendem um mero subconjunto do que compõe a tipografia. Tipos de letra simplesmente referem-se ao nome do estilo de texto que está sendo usado. Exemplos incluem Helvetica, Times, Papyrus e Arial.


2) Fontes: a maioria das pessoas também usa "fonte" e "tipo de letra", mas, se estamos sendo específicos, a fonte refere-se a um estilo específico de tipo de letra, indicando tamanho, altura, largura e estilo. Arial Narrow, tamanho 14, itálico é uma fonte. Então, Myriad Pro Regular, tamanho 12.


3) Rastreamento: este é o espaço entre caracteres ou grupos de caracteres em um bloco de texto. Enquanto o rastreamento tende a ser relativamente padrão, ele pode ser ajustado para afetar a densidade do texto.


4) Kerning: Considerando que o rastreamento é um termo mais geral, o kerning se refere especificamente à distância entre letras e caracteres individuais, geralmente no plano horizontal.


5) Comprimento da linha: isso se refere ao comprimento do texto que corre da esquerda para a direita na página. Isso pode ser alterado ajustando margens, kerning e tamanhos de fonte. Quanto maior o comprimento da linha, mais difícil se torna ler.


6) Leading: Leading é a medida do espaço entre onde as letras se sentam em relação às linhas de texto imediatamente acima e abaixo.

Esses elementos são importantes para afetar o modo como uma página lê. A maioria das pessoas se concentra unicamente em fontes e tipos de letra sozinhos, ignorando como os pequenos ajustes no rastreamento, no kerning, no comprimento da linha e na liderança podem ter resultados dramáticos e valiosos.
 

A tipografia sublinha a personalidade visual do site

À primeira vista, os visitantes do seu site devem poder determinar o que se trata. Há muita psicologia em jogo aqui, e muitos subtextos são desenvolvidos quase que instantaneamente.

Ao tomar pistas das cores, layout e tipografia, eles podem sentir um tom, humor, mensagem e tema abrangentes, mesmo sem ter que estudar o conteúdo escrito ou olhar as imagens. Dentro de alguns segundos, os visitantes decidirão se são membros do público-alvo ou descartar o site simplesmente não para eles.

A tipografia ajuda a alcançar esse objetivo, já que a interação de elementos visuais individuais funciona sinergicamente entre si para provocar a resposta emocional desejada.
 

A tipografia ajuda a definir sua marca

Sua marca é mais do que apenas um logotipo. Assim como a marca registrada da Nike Swoosh, ou Starbucks 'Siren, a tipografia para esses nomes de marcas reais são tão reconhecidas e contribuem para a percepção da marca.

Pegue qualquer marca bem conhecida e simplesmente altere sua fonte para outra coisa. Mesmo que a marca use uma fonte que seja usada em muitos outros contextos, a combinação de tipografia e logotipo contribui para a forma como as pessoas identificam e percebem a marca, de modo que os dois não podem ser divorciados.

Escusado será dizer que, se você tem um logotipo icônico e é complementado com a tipografia que está correto, a combinação se destaca na mente de seus clientes, levando sua marca à frente.
 

A tipografia enfoca a atenção dos seus leitores

Como aludimos anteriormente, o conteúdo do seu site pode ser de maior calibre, mas se não for apresentado de forma eficaz, seus esforços terão sido desperdiçados. Uma das maneiras de fazer com que seus leitores mergulhe bem é usar a tipografia para sua vantagem. Todos os elementos mencionados acima contribuem para a forma como seu conteúdo não é apenas percebido, mas experiente.

Pergunte a alguém se eles leram algo publicado na Comic Sans e levaram isso a sério. Provavelmente, eles provavelmente descartaram a mensagem como sendo trivial ou trivial. Melhor ainda, apresentá-los com o temido "muro de texto", onde cada palavra está na mesma fonte e todas as linhas são justificadas. Provavelmente tiveram dificuldade em superar o primeiro parágrafo, mesmo que o tema seja algo que eles realmente tenham interesse.

Pequenos ajustes no tipo de letra e tamanho, layout e cores podem fazer uma grande diferença na legibilidade de um artigo, ajudando a enfatizar os pontos-chave da sua mensagem e seus leitores irão apreciar seu esforço.
 

A tipografia mantém a consistência do seu site intacta

A tipografia é a cola que une os diferentes elementos do seu site juntos.

Os visitantes do seu site procuram consistência; E isso não significa necessariamente uma aparência genérica, cookie-cutter para o seu site, que faz com que pareça com todos os outros. Os elementos devem funcionar bem internamente entre si, desde o topo da página até os botões Call-To-Action. Os motores de busca tendem a favorecer o conteúdo bem apresentado, e o desempenho do seu site no Google Analytics refletirá a consistência. Além disso, seus usuários devem ser capazes de encontrar o que estão procurando e não ter que passar vários minutos vagando por seu site, ficando frustrados a cada passo.

A tipografia pode reforçar a uniformidade do seu site ou expor sua falta, e suas taxas de conversão serão indicativas da experiência do usuário que seus leitores têm quando visitam.

 

Como fazer a tipografia trabalhar para você

Fontes, tipos de letra e suas variações

É importante conhecer os tipos de tipos de letra que você tem à sua disposição, ou pelo menos estar familiarizado com os que deseja trabalhar. Fontes vêm em uma grande variedade de variações, e algumas das diferenças são sutis. Mas essas nuances podem ter um impacto na apresentação, então conheça suas opções à medida que desenvolve a personalidade e a presença do seu site.

Milhares de fontes em um punhado de categorias

Você pode passar horas, dias ou mesmo semanas procurando fontes para usar, e ainda não tem certeza de que encontrou o que está procurando. Felizmente, as fontes são facilmente classificadas em categorias limpas com pouca sobreposição.

1) Serif : Um serif é uma pequena projeção no final de um acidente vascular cerebral, geralmente visto no fundo, mas também nas extremidades ou nas extremidades das bordas esquerda ou direita. Por exemplo, as letras minúsculas "m" ou "n" dessas fontes parecem ter "pés" nelas. Exemplos de fontes serif incluem Times, Baskerville e Cambria.


2) Sans Serif : estas fontes não têm traços terminais, nem "pés" neles. Eles têm um visual limpo, simplificado ou minimalista, mas às vezes são mais difíceis de ler em tamanhos menores. Exemplos dessas fontes incluem Arial, Helvetica e Calibri.


3) Script : estas fontes decorativas são populares por sua aparência elegante, e muitas vezes são encontradas em convites de casamento, certificados e documentos similares. Para usá-los efetivamente, use-os com moderação, com bastante espaço, e em tamanhos suficientemente grandes para apreciar sua arte.


4) Display : Esse tipo de fonte é freqüentemente visto em cartazes de filmes, letreiros e manchetes de jornais. Semelhante às fontes de script, use estas apenas para enfatizar, pois demais pode ser irresistível.


5) Hand Lettering : como o nome indica, essas fontes têm uma aparência renderizada, simulando a escrita de uma criança; Ou o scrawl informal, apressado em um quadro-negro. A vantagem dessas fontes é que eles carregam um elemento humano que, de outra forma, não possui outras categorias.


 

O conteúdo legível realmente legível

A legibilidade tem uma série de fatores. Além do conteúdo em si, considere todos os elementos da tipografia, especialmente o uso do espaço. O kerning eo rastreamento podem fazer uma grande diferença na capacidade de digitalizar o texto do corpo.

Dê ao seu conteúdo escrito bastante espaço de respiração, adicionando distância suficiente entre letras individuais, palavras, linhas e seções para poder processar as unidades de forma significativa.

Mantenha o comprimento da linha entre 50 e 75 caracteres por linha. Isso significa usar cerca de 10 a 15 palavras, se as linhas são justificadas ou não.
 

Seleção de fonte

As fontes que você escolheu para o seu projeto, seja a marca de um site, um produto individual, uma linha de produtos ou uma empresa inteira, podem influenciar e direcionar os comportamentos do seu público para apoiar ou descartar o projeto. Certifique-se de considerar o impacto de suas escolhas sobre como eles chamam seu público para a ação.

Isso se torna cada vez mais importante se a sua marca tiver uma identidade estabelecida, e seu público possa reconhecer sua marca simplesmente pelas fontes usadas em sua marca. Alterar as coisas pode ter um impacto negativo no seu público, de uma perda de confiança em sua marca, ou a suspeita de que a qualidade do seu produto tenha mudado para o pior.
 

Dominando as sutilezas

A tipografia traz caráter e significado simplesmente adicionando variabilidade na aparência. Encontrar tipos de letra com o equilíbrio certo da personalidade pode ser muito difícil. As sugestões visuais e as características da fonte adicionam elementos de emoção, tom e apelo que podem ofuscar as palavras reais.

Ao trabalhar com um designer gráfico para desenvolver seu site ou sua marca, não deixe de perguntar por que eles escolheram determinadas fontes para o seu projeto. Os bons designers seriam muito complacientes em explicar suas escolhas, e você também pode ter alguma idéia de seus trens de pensamento.

 

Conclusão: encontre o que funciona (e se aproxime disso)

Pode levar muito tempo e esforço para estabelecer a tipografia que funciona para o seu site, e você pode cometer alguns erros ao longo do caminho.
Novas fontes e tipos de letra estão sendo criados e lançados todos os dias, e os layouts e temas atualmente efetivos acabarão por ficar obsoletos e desatualizados. Mas uma vez que você encontrou o que funciona para você, fique com ele e veja as conversões subirem.