O documento discute princípios de paginação gráfica e tipografia, incluindo hierarquia tipográfica, mancha gráfica, bleed, kerning, leading e alinhamento. Explica como esses elementos devem ser usados para criar uma estrutura, ordem e organização que maximizem a legibilidade e comunicação eficaz da informação.

1. PAGINAÇÃO
GRÁFICA
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

2. 1. Paginação gráfica
Atividade de distribuir os elementos gráficos no espaço limitado da
página impressa ou noutros meios.
Entre as diretrizes principais da paginação podemos destacar a
hierarquia tipográfica e a legibilidade.
A paginação é aplicada em meios como jornais, livros, revistas,
cartazes, sinalização, websites e até na televisão.
A paginação de publicações costuma seguir as determinações de um
projeto gráfico, para que, entre outras coisas, se mantenha uma
identidade em toda a publicação.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

3. 3. Mancha gráfica
O espaço delimitado de impressão dentro de uma página
chama-se mancha gráfica. É o espaço do documento onde
cai tinta sobre o papel. Fora destes limites nada pode ser
impresso e nenhum elemento pode ultrapassar o limite
definido.
Nos casos em que a mancha ultrapassa as bordas do papel,
diz-se que a impressão é sangrada (bleed).
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

4. 3. Bleed
Bleed (olhar para além da página)
Bleed refere-se a objectos que se
estendem para além da margem da
página impressa.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

5. 4. Porque é preciso adicionar Bleed?
1. Uma vez o trabalho impresso, as folhas serão dobradas, encadernadas e/ou cortadas.
Para cada uma destas etapas de acabamento, existe uma certa margem de erro. O
bleed torna mais fácil evitar problemas com limitações mecânicas, comportamento
do papel e erros do operador;
2. Quando uma folha impressa é dobrada várias vezes, as páginas interiores avançam
gradualmente. Isso é chamado de creep ou shingling.
Para compensar este efeito, todo o conteúdo das páginas terá que ser deslocado para
a esquerda ou direita, dependendo das necessidades da produção e da concepção.
Para mover as páginas, é preciso que esse conteúdo se estenda um pouco para além
do tamanho da página aparada.
3. O papel é um material orgânico que pode encolher quando é submetido à humidade e
pressão mecânica.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

6. 5. O que acontece se o bleed não for adicionado?
. Se o conteúdo da página se encaixa totalmente, é necessário adicionar
bleed, caso contrário, poderá ficar, após o corte, uma fina linha branca, que
mais não é senão a margem do papel em que se está a imprimir.
Para evitar tais problemas, os elementos de design terão que se estender
para além do limite da página.
. Todas as razões que explicam porque é necessário o bleed também explicam
porque não se deve colocar elementos de design muito perto das margens
externas do documento. Por exemplo, se o número de página é colocado
muito à margem da página e se no corte, há um desvio, o número de página
pode simplesmente ficar cortado ou desaparecer.
. Geralmente, o bleed varia entre 3mm e 5mm. No entanto, sempre que
hajam dúvidas, o ideal é falar com a gráfica.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

7. 6. Princípios de tipografia
ESTRUTURA
ORDEM
ORGANIZAÇÃO
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

8. 6. Princípios de tipografia
TAMANHO DA FONTE – altura da letra
a
a
- Tamanho 60
- Tamanho 88
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

9. 6. Princípios de tipografia
CAIXA ALTA – maiúsculas
CAIXA BAIXA - minúsculas
A
a
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

10. 6. Princípios de tipografia
ANATOMIA DA LETRA
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

11. 6. Princípios de tipografia
FAMÍLIAS TIPOGRÁFICAS
humanísticas
PG
garaldinas
PG
transicionais
PG
didodianas
PG
egípcias
PG
neotransacionais
PG
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

12. 6. Princípios de tipografia
FAMÍLIAS TIPOGRÁFICAS
Sans serif - grotesca
PG
Sans serif – neogrotesca
PG
Sans serif - geométrica
PG
glíficas
PG
caligráficas
PG
decorativas
PG
PG
PG
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

13. 6. Relação figura | fundo
KERNING – espaçamento ótico (espaçamento entre
os carateres).
O kerning tem grande importância na legibilidade
dos textos.
A sua essência é a obtenção de áreas “brancas”
uniformes entre as letras, sejam elas quais forem.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

14. 6. Relação figura | fundo
Elementos que estejam muito próximos entre si
tendem a fundir-se, fazendo com que cada um perca
a sua “identidade” e individualidade.
Paginação gráfica – espaçamento normal
Paginaçãográfica– espaçamento justo
P a g i n a ç ã o g r á f i c a - espaçamento muito largo
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

15. 6. Relação figura | fundo
Os espaços entre as letras (7) devem ser
menores do que os espaços entre as
palavras (6) e estes, por sua vez, devem
ser menores do que os espaços entre as
linhas (5). Os entrelinhamentos (5)
devem ser menores do que os espaços
entre parágrafos (4) e estes menores do
que os espaços entre colunas (3) ou do
que os espaços da mancha de texto até
às bordas da superfície da peça gráfica (1
e 2).
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

16. 7. Kerning
Existem limites para a
definição do
espaçamento entre os
carateres, de modo a
que seja facilmente
identificado o próprio
caractere, bem como
seja facilitado o ritmo
da leitura.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

17. 8. Leading
Leading – espaço entre linhas.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

18. 8. Leading
Parágrafos – a finalidade da mudança de parágrafo é a indicação
de que há uma mudança de assunto no texto ou de que, naquele
ponto, se pode fazer uma pausa na leitura (indica uma quebra no
ritmo da leitura).
Há três possibilidades de indicar esse corte parcial: aumentar o
entrelinhamento (1); criar uma indentação (2); associar as duas
anteriores (3).
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

19. 8. Leading
3. associar entrelinhamento e
indentação
2. criar uma indentação
1. aumentar o entrelinhamento
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

20. 9. Alinhamento
A escolha do alinhamento mais adequado para cada situação passa
pelo balanço da melhor legibilidade do texto em causa.
VANTAGENS DESVANTAGENS
ALINHAMENTO
À ESQUERDA 1. Mantem o kerning e o espaço entre
palavras regulares (ritmo)
2. Cria movimento na extremidade direita do
texto
1. Não marca claramente os finais das linhas
de texto
2. Cria uma difícil articulação com a
indentação na mudança de parágrafo
ALINHAMENTO
À DIREITA 1. Marca a margem direita sem perda de
kerning e espaços regulares (ritmo)
2. Facilita a articulação com elementos à
direita (imagens, por exemplo)
1. Baixa legibilidade (margem esquerda
irregular)
2. Difícil uso de hifenização)
ALINHAMENTO
TOTAL 1. Fortalece a geometria da coluna
(regularidade9
2. Facilita a visualização da indentação de
mudança de parágrafo
1. Enfraquece o kerning e a regularidade no
espaço entre palavras
2. Pode tornar a última linha diferente (no
kerning e no espaçamento)
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

21. 10. Hierarqui tipográfica
Os textos devem ser organizados de acordo por
ordem de hierarquia em relação à importância da
informação.
As informações principais devem sobressair
relativamente às secundárias ou complementares,
independentemente do volume de texto da peça.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação

22. 10. Hierarqui tipográfica
Existem várias formas de tornar um tipo mais forte, ou
enfraquecê-lo, numa peça gráfica.
Mudança de corpo Maior o corpo, mais forte o tipo
Mudança de peso Tipos em negrito, sublinhados, etc. ganham
força
Mudança de direção Os itálicos, dependendo da fonte, podem até
tornar-se mais fracos, mas destacam-se no
corpo do texto
Mudança de posição
Textos com destacam-
se em relação ao conjunto
Mudança de cor ou de
textura
Textos com cor ou podem sobressair
ou enfraquecer relativamente ao conjunto
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação