Dossiê: Tipografia pra quem gosta!

 

Se você gosta de tipografia, faça uma saudação vulcana e seja bem vindo!

Trago para vocês um dossiê com artigos e referências, que conceituam os elementos essenciais da tipografia digital.

Passei a peneira na web e selecionei os melhores recursos online que podem ajudá-los a melhorar o processo de criação e composição do texto!

Vamos lá…

Definição

A tipografia é a arte e o processo de criação na composição de um texto, física ou digitalmente. Assim como no design gráfico em geral, o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação impressa. Por analogia, a  tipografia também passou a ser um modo de se referir à gráfica que usa uma prensa de tipos móveis.

0

Na maioria dos casos, uma composição tipográfica deve ser especialmente legível e visualmente envolvente, sem desconsiderar o contexto em que é lido e os objetivos da sua publicação. Em trabalhos de design gráfico experimental (ou de vanguarda) os objetivos formais extrapolam a funcionalidade do texto, portanto questões como legibilidade, nesses casos, podem acabar sendo relativas.

0

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 uma “atmosfera” ou “ressonância” apropriada ao conteúdo abordado. No caso da mídia impressa, designers gráficos (ou seja, os tipógrafos) costumam se preocupar com a escolha do papel adequado, datinta e dos métodos de impressão.

0

Por muito tempo o trabalho com a tipografia, como atividade projetual e industrial gráfica, era limitado aos tipógrafos (técnicos ou designers especializados), mas com o advento da computação gráfica a tipografia ficou 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. Mas essa democratização tem um preço, pois a falta de conhecimento e formação adequada criou uma proliferação de textos mal diagramados e fontes tipográficas mal desenhadas. Talvez os melhores exemplos desse fenômeno possam ser encontrados na internet.

0

O conhecimento adequado do uso da tipografia é essencial aos designers que trabalham com diagramação, ou seja, na relação de texto e imagem. Logo a tipografia é um dos pilares dodesign gráfico e uma matéria necessária aos cursos de design. Para o designer que se especializa nessa área, a tipografia costuma se revelar um dos aspectos mais complexos e sofisticados do design gráfico.

Anatomia e Terminologia Tipográfica

0

Partes que compõe a fonte

De acordo com o desenho do caractere podem ser identificadas as seguintes partes:

 

Classificação das Fontes

Terminais

São as formas encontradas no final das letras a, c, f, j, r, s e y. São classificados conforme os exemplos abaixo:

Serifas

“Traço adicionado ao início ou ao fim dos traços principais de uma letra” (BRINGHURST, 2005).

Existem diversas classificações de serifas, veja as principais:

Eixo

“É o ângulo de inclinação característico das letras b, c, e, g, o, p e q” (ROCHA, 2001).

Sua classificação só pode ser feita quando a fonte é modulada, ou seja, existe variação no traço.

0

 

Terminologia Tipográfica

0

 

Corpo da fonte

Retângulo que comporta todas as letras da fonte, com largura variável e altura fixa.

Entrelinha

Espaço entre as linhas, que pode ser classificado em:

Kerning

Ocorre quando parte de uma letra avança sobre o espaço de outra, invadindo a área do corpo. Esse recurso é

essencial para garantir a leitura de alguns pares de letras. Não confundir com espaçamento, que é apenas a distância

entre o corpo dos caracteres.

Descendente é a parte da letra que se extende abaixo da linha de base.

Linhas da fonte

As fontes possuem linhas básicas, onde todos os caracteres estão apoiados de forma regular ou irregular.

1. Linha da ascendente (ascender top line) ou linha de topo

Ascendente é a parte da letra que vai além da linha mediana, podendo ou não coincidir com a altura da versal.

2. Linha da caixa-alta (cap line ou cap height) ou linha de versal

3. Altura-de-x (h-height ou middleline) ou linha mediana

4. Linha da Base (baseline)

5. Linha da descendente (descender line ou beardline) ou linha de fundo

Ferramentas Online para Criação de Fontes

Passei a peneira na web e selecionei os melhores recursos online que podem ajudá-los a melhorar o processo de criação e composição do texto!

 

TypeTester

Comparação de fontes

O sistema permite que você compare até 3 estilos simultaneamente, lado a lado na tela, depois que você escolher o estilo que irá utilizar você pode até gerar um estilo em CSS baseado nas configurações do estilo escolhido.

 

0

 

HTML Ipsum

HTML Ipsum é um gerador de Lorem ipsum especificamente para web design. Em vez de pedaços de texto, HTML Ipsum pode lhes dar o texto pré-formatado como parágrafos, listas ordenadas, formulários e listas de navegação. Texto pré-formatado como esta é uma ótima maneira de poupar tempo na criação do seu layout

 

Typekit

Permite o uso de qualquer fonte na web, sem a necessidade do usuário a ter instalada.  É só se cadastrar no site, e incluir a biblioteca de Javascript deles.

o

 

 

Typechart

É uma ferramenta online que lhe permite comparar e ver como diversas famílias de fontes, em diferentes tamanhos, ficarão em uma página da web.

 

 

0

 

WP-Typography

É um plugin WordPress que ajuda a tornar a sua tipografia WP padrão mais atraente. Ele suporta hifenização, espaço de controle, a substituição inteligente de caracteres (incluindo as aspas, traços, elipses e símbolos matemáticos), CSS e ganchos para denominar coisas específicas (incluindo “e” comercial, siglas e números)

 

Typesites

Typesites é um catálogo semanal de web sites com um bom design tipográfico

 

 

 

Typophile

Repleto de recursos de design e tipografia

 

 

Flipping Typical

Torne mais fácil a escolha de fontes para seu projeto

 

 

0

My Fonts – What the Font!

Descubra nomes de fontes!

 

 

Fontes:

BRINGHURST, Robert. Elementos do Estilo Tipográfico. São Paulo: Cosac Naify, 2005.

ROCHA, Cláudio. Projeto Tipográfico. São Paulo: Edições Rosari, 2001.

www.aulad.com.br

Wikipedia:

LUPTON, Ellen. Pensar com Tipos: Um guia para designers, escritores, editores e estudantes. Cosac & Naify, 2006.

RUDER, Emil. Typography: a manual of design. Suíça: Zollikofer et co. ag, 1967.

Tags: Flipping, HTML Ipsum, myfonts, tipografia, tipografia digital, Typechart, Typekit, Typesites, typography, TypophileTypical