A tipografia das fontes de texto se refere ao estudo, criação e aplicação de estilos, formatos e disposição de palavras em peças de design informativas que tenham o texto como foco para web e impressos.
O que é
A tipografia é um conceito que descreve a impressão dos tipos (fontes e letras) na composição visual de um texto. A palavra “tipografia” (do latim renascimental typographia) foi cunhada a partir dos elementos da língua grega τύπος [týpos], que significa “impressão”, e -γραφία [-graphía], “escrita”.
O advento da computação gráfica nos anos 1990 tornou a tipografia disponível para designers gráficos em geral e leigos. Hoje, qualquer um pode escolher uma fonte (tipo de letra) e compor um texto simples em um processador de texto.
No uso da tipografia o interesse visual é realizado através da escolha adequada de fontes tipográficas, composição (ou layout) de texto, a sensibilidade para o tom do texto e a relação entre texto e os elementos gráficos na página. Todos esses fatores são combinados para que o layout final tenha “atmosfera” ou “ressonância” apropriada ao conteúdo abordado.
Base da comunicação verbal, a tipografia de um design precisa estar de acordo com a mensagem transmitida e os demais elementos gráficos já que há uma diversidade de possibilidades em fontes de letras, que possuem classificações: Sem serifa, com serifa, Script e Dingbat.
Cada família, por sua vez, pode abrigar algumas ou todas as variações: Thin, Light, Regular, Medium ou Semi Bold, Bold e Black ou Extra Bold (todas com a variação em Itálico também). Existem, porém, famílias como diversas variantes intermediárias, com diversas opções de peso (leve, médio, regular, semi-bold, bold, extra-bold, pesado, etc.) e de forma (comprimido, condensado, normal, estendido, alargado etc.).
Corpo é o tamanho do tipo que começa do ponto mais alto (versal ou ascendente) até o ponto mais baixo (descendente). Ascendente é a linha que acompanha a altura máxima do corpo do tipo, que ultrapassam os limites acima. Descendente é a linha que acompanha quão abaixo da linha de centro o corpo do tipo atinge.
Linha de caixa alta é a altura correspondente às letras em caixa alta (ex: A, B, C etc).
Linha de base é a linha na qual a maioria dos tipos (com exceção das partes descendentes) tem como base.
O tamanho do corpo, o tamanho dos caracteres e até o tamanho das entrelinhas são determinados através das unidades de medidas. As medidas primárias da tipografia clássica são o Ponto, a Paica e o Cícero. No digital, temos outras como: milímetros (mm), pixel (px), etc. Divide-se ambas medidas (Cícero e Paica) em 12 partes, que possuem diferenças entre os tamanhos, sendo a paica um pouco menor que o cícero.
Ponto é a medida tipográfica estabelecida pelo francês Francisco Ambrósio Didot, que equivale aproximadamente de 0,376mm. (ou 2,6 pontos = 1 mm). Cícero também é uma medida do sistema Didot e que corresponde a 12 pontos. Paica (pica) é uma unidade de medida anglo-saxão usada na Inglaterra e nos países de língua inglesa. Corresponde 1/6 polegada.
Entrelinhamento ou espaçamento entre linhas é a área entre as linhas do texto. Se você não tem certeza da distância que deve usar, não se preocupe, o padrão é normalmente o correto. O objetivo é tornar seu texto confortável de ser lido. Muito ou pouco espaço, pode ser irritante para o leitor.
Espaçamento é a distância geral entre os caracteres ou letras. A maioria dos programas permite reduzir ou aumentar isso de acordo com suas necessidades. Em alguns designs, você pode ajustar o espaço para criar um determinado efeito. Ele também pode ajudar você a entender e corrigir fontes com pouco espaço.
Entreletra é o espaço entre os caracteres específicos. Ao contrário do espaçamento, ela muda dentro da palavra porque cada letra se ajusta de maneira diferente. Algumas fontes têm uma entreletra ruim, o que faz com que as letras pareçam mal espaçadas. Se você usar uma fonte que assim, é melhor escolher outra.
Uma outra maneira de medir o espaço tipográfico deriva do cálculo da largura da letra ‘M’ em caixa alta e na sua divisão em 18 unidades, que resulta na unidade de medida para determinar determinar os espaços horizontais e endentações.
Hierarquização visual
Existem fatores que influenciam na legibilidade visual do texto, ou seja, em como as letras são diferenciadas uma das outras. Já leiturabilidade diz respeito a leitura da mensagem e com a fluência dos caracteres na frase. Ambos conceitos formam os pilares da aplicação tipográfica, que são responsáveis por tornar um texto prazeroso e confortável de ser lido.
Existem quatro tipos de alinhamento:
À esquerda;
À direita;
Ao centro;
Justificado;
Eixo humanista: é o eixo oblíquo e que condiz com a inclinação da escrita manual.
Eixo racionalista: é o eixo vertical. Condiz com as formas neoclássicas e românticas.
Além disso, podemos usar uma fórmula simples, baseada no tamanho da fonte, para determinar qual a melhor largura para o seu texto naquela interface. Multiplique o tamanho da sua fonte por 30. Dessa forma, se o tamanho da fonte for 10px, a largura ideal para a sua linha de leitura é 300px.
Esse cálculo foi apresentado por Robert Bringhurts, mas além dele existe outro conceito matemático envolvendo a tipografia: a equação para a golden ratio. Basicamente, essa equação calcula as proporções ideais da tipografia a ser alocada em determinada interface. Se o limite da largura da linha não for definido, pode ficar muito larga e atrapalhar a leitura e a experiência do usuário.
Você pode acessar os detalhes dessa equação em The Math Behind Golden Ratio Typography.
História
A tipografia clássica baseia-se em pequenos paralelepípedos de metal com relevos de letras e símbolos.
Tipos rudimentares foram inventados inicialmente pelos chineses. O inventor foi Pi Shêng por volta do ano 1040 dc. Os tipos eram feitos em argila cozida, madeira e até bronze, e eram dispostos numa tábua, a huóban (tábua viva).
No século XV, o alemão Johannes Gutenberg desenvolveu tipos móveis em metal e aperfeiçoou a prensa tipográfica. O conceito básico de Gutenberg foi o da reutilização dos tipos para compor diferentes textos. Mostrou-se eficaz e é utilizada até aos dias de hoje, constituindo a base da imprensa durante muitos séculos. Essa revolução que deu início à comunicação em massa.
O formato, denominado OpenType, permite a inclusão de milhares de caracteres em uma mesma fonte, além de vários recursos adicionais. Com isso, tornaram-se comuns fontes que suportam vários alfabetos, como o latino, o cirílico, o grego, o hebraico e o árabe, integrando as fontes tipográficas com a especificação Unicode
No Brasil, entretanto, essa indústria chegou tarde. Isso porque a corte portuguesa não permitia a entrada de tipografias por aqui. Em 1808, o país começou a contar com esse tipo de impressão. Até então, eram utilizadas prensas, em que se utiliza uma matriz para imprimir cada folha individualmente.
Até 1822, a Imprensa Régia, com suas prensas de mesa, detinham o monopólio de impressões brasileiras. Com a Independência do Brasil, iniciou-se o processo de evolução das prensas e métodos de impressão, com diversos novos modelos, até o advento dos computadores e da edição eletrônica de texto, no qual a tipografia permanece viva nas formatações, estilos e grafias.
Com o formato denominado OpenType, a tipografia digital permite a inclusão de milhares de caracteres em uma mesma fonte, além de vários recursos adicionais. Com isso, tornaram-se comuns fontes que suportam vários alfabetos, como o latino, o cirílico, o grego, o hebraico e o árabe, integrando as fontes tipográficas com a especificação Unicode.
Casos de marcas
A empresa de serviços de transporte Uber anunciou a mudança de sua identidade visual, em 2016. O espaçamento entre as letras foi alterado para acompanhar o ambiente mobile.
A empresa de serviços de streaming Netflix mudou sua logo em 2014. O uso de uma tipografia mais simples e flat segue a tendência no design nos últimos anos.
A empresa de serviços online e software Google atualizou sua logo em 2015. Apesar de manter as cores que combinam com o posicionamento da empresa, o novo logo mais leve e simples utiliza uma tipografia sem serifa e mais arredondada, nomeada como Sans-Serif Product Sans.
As cores, os tamanhos, as fontes utilizadas são responsáveis por nos entregar uma comunicação completa do produto. A tipografia constrói elementos para que as informações em texto sejam as mais amigáveis possíveis para os usuários. Afinal de contas, dependendo da interface, o usuário vai utilizar o produto diversas vezes ao dia — como os aplicativos de celular.
Experiência do usuário em plataformas digitais
Para sites, a melhor forma de ver as fontes disponíveis é no Google Fonts, pelo qual você pode copiar o código para, facilmente, implementar no seu código html.
O tamanho da fonte é essencial para garantir a legibilidade. Não é recomendável o uso de muitas variações de fontes, pois deixa o seu material muito poluído visualmente e tira o foco. No caso de um site, você pode utilizar fontes diferentes entre título e conteúdo, por exemplo.
Pesquise bem seu público, use fontes com boa leiturabilidade, legibilidade, contraste, cor e espaçamento para uma leitura adequada e prazerosa.
As cores que você usará nos textos da sua interface podem estar atreladas a diferentes tipos de emoções, assim como à hierarquia visual do texto.
Um texto bem projetado faz toda diferença entre um projeto, mesmo que você esteja começando no design. Tudo o que você precisa é se interessar, pesquisar, para que você seja mais eficiente e possa fazer melhor seu trabalho.
Nunca utilize tipo claro em fundo claro, ou tipo escuro em fundo escuro. Opte sempre pelo contraste. Use apenas uma categoria de fonte. Se você fizer um texto todo com uma fonte serifada, mantenha apenas fontes serifadas ao decorrer do do texto. Não mude no meio do caminho, pois isso pode trazer uma confusão visual.
Etapas para organizar a tipografia do seu projeto
- Escolha a voz do projeto, para quem se destina e qual linguagem visual deve apresentar
- Legibilidade para diferenciar projetos para LER dos projetos para VER
- Hierarquize o conteúdo através de separações, alinhamentos, espaçamentos e tamanhos
- Repita elementos gráficos para agrupar assuntos e cria uma identidade ao projeto
- Estabeleça contraste de cor e tamanhos com relação ao fundo
- Crie áreas de respiro para contrabalance o peso das fontes
- Quer incorporar essas e outras técnicas ao projeto de divulgação da sua empresa?
Solicite um projeto. Inicie uma conversa no WhatsApp
Allluz 
Deixe um comentário