PAGINAO GRFICA

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

1. Paginao grfica

Atividade de distribuir os elementos grficos no espao limitado da pgina impressa ou noutros meios.

Entre as diretrizes principais da paginao podemos destacar a hierarquia tipogrfica e a legibilidade.

A paginao aplicada em meios como jornais, livros, revistas,

cartazes, sinalizao, websites e at na televiso. A paginao de publicaes costuma seguir as determinaes de um

projeto grfico, para que, entre outras coisas, se mantenha uma

identidade em toda a publicao.

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

3. Mancha grfica

O espao delimitado de impresso dentro de uma pgina

chama-se mancha grfica. o espao 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 impresso sangrada (bleed).

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

3. Bleed

Bleed (olhar para alm da pgina)

Bleed refere-se a objectos que se estendem para alm da margem da

pgina impressa.
EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

4. Porque preciso adicionar Bleed?

1. Uma vez o trabalho impresso, as folhas sero dobradas, encadernadas e/ou cortadas.
Para cada uma destas etapas de acabamento, existe uma certa margem de erro. O bleed torna mais fcil evitar problemas com limitaes mecnicas, comportamento do papel e erros do operador; 2. Quando uma folha impressa dobrada vrias vezes, as pginas interiores avanam gradualmente. Isso chamado de creep ou shingling. Para compensar este efeito, todo o contedo das pginas ter que ser deslocado para a esquerda ou direita, dependendo das necessidades da produo e da concepo. Para mover as pginas, preciso que esse contedo se estenda um pouco para alm do tamanho da pgina aparada. 3. O papel um material orgnico que pode encolher quando submetido humidade e presso mecnica.
EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

5. O que acontece se o bleed no for adicionado?

. Se o contedo da pgina se encaixa totalmente, necessrio adicionar

bleed, caso contrrio, poder ficar, aps o corte, uma fina linha branca, que mais no seno a margem do papel em que se est a imprimir.

Para evitar tais problemas, os elementos de design tero que se estender

para alm do limite da pgina. . Todas as razes que explicam porque necessrio o bleed tambm explicam porque no se deve colocar elementos de design muito perto das margens externas do documento. Por exemplo, se o nmero de pgina colocado muito margem da pgina e se no corte, h um desvio, o nmero de pgina pode simplesmente ficar cortado ou desaparecer. . Geralmente, o bleed varia entre 3mm e 5mm. No entanto, sempre que hajam dvidas, o ideal falar com a grfica.
EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Princpios de tipografia

ESTRUTURA ORDEM ORGANIZAO

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Princpios de tipografia

TAMANHO DA FONTE altura da letra

a - Tamanho 60

- Tamanho 88

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Princpios de tipografia

CAIXA ALTA maisculas

A a

CAIXA BAIXA - minsculas

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Princpios de tipografia

ANATOMIA DA LETRA

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Princpios de tipografia

FAMLIAS TIPOGRFICAS
humansticas garaldinas

PG PG
PG

didodianas

PG
PG PG

egpcias
neotransacionais

transicionais

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Princpios de tipografia

FAMLIAS TIPOGRFICAS
Sans serif - grotesca

PG PG
PG

glficas

PG
PG PG

Sans serif neogrotesca

caligrficas
decorativas

Sans serif - geomtrica

PG PG

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Relao figura | fundo

KERNING espaamento tico (espaamento entre

os carateres).

O kerning tem grande importncia na legibilidade dos textos. A sua essncia a obteno de reas brancas uniformes entre as letras, sejam elas quais forem.
EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Relao figura | fundo

Elementos que estejam muito prximos entre si

tendem a fundir-se, fazendo com que cada um perca a sua identidade e individualidade.

Paginao grfica espaamento normal Paginao grfica espaamento justo Paginao grficaespaamento muito largo

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

6. Relao figura | fundo

Os espaos entre as letras (7) devem ser menores do que os espaos entre as palavras (6) e estes, por sua vez, devem ser menores do que os espaos entre as linhas (5). Os entrelinhamentos (5) devem ser menores do que os espaos entre pargrafos (4) e estes menores do que os espaos entre colunas (3) ou do

que os espaos da mancha de texto at

s bordas da superfcie da pea grfica (1 e 2).
EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

7. Kerning

Existem limites para a definio do espaamento entre os carateres, de modo a que seja facilmente

identificado o prprio
caractere, bem como seja facilitado o ritmo da leitura.
EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

8. Leading

Leading espao entre linhas.

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

8. Leading

Pargrafos a finalidade da mudana de pargrafo a indicao de que h uma mudana de assunto no texto ou de que, naquele ponto, se pode fazer uma pausa na leitura (indica uma quebra no ritmo da leitura).

H trs possibilidades de indicar esse corte parcial: aumentar o

entrelinhamento (1); criar uma indentao (2); associar as duas anteriores (3).

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

8. Leading

1. aumentar o entrelinhamento

2. criar uma indentao

3. associar entrelinhamento e

indentao
EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

9. Alinhamento

A escolha do alinhamento mais adequado para cada situao passa pelo balano da melhor legibilidade do texto em causa.
VANTAGENS
ALINHAMENTO ESQUERDA

DESVANTAGENS 1. No marca claramente os finais das linhas de texto 2. Cria uma difcil articulao com a indentao na mudana de pargrafo 1. Baixa legibilidade (margem esquerda irregular)

1.

Mantem o kerning e o espao entre palavras regulares (ritmo)

2.

Cria movimento na extremidade direita do texto

ALINHAMENTO DIREITA

1. Marca a margem direita sem perda de kerning e espaos regulares (ritmo)

2. Facilita a articulao com elementos

direita (imagens, por exemplo)
ALINHAMENTO TOTAL

2. Difcil uso de hifenizao)

1. Fortalece a geometria da coluna (regularidade9 2. Facilita a visualizao da indentao de mudana de pargrafo

1. Enfraquece o kerning e a regularidade no espao entre palavras 2. Pode tornar a ltima linha diferente (no kerning e no espaamento)

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

10. Hierarqui tipogrfica

Os textos devem ser organizados de acordo por ordem de hierarquia em relao importncia da

informao.

As informaes principais devem sobressair relativamente s secundrias ou complementares, independentemente do volume de texto da pea.

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao

10. Hierarqui tipogrfica

Existem vrias formas de tornar um tipo mais forte, ou

enfraquec-lo, numa pea grfica.
Mudana de corpo Mudana de peso Mudana de direo Maior o corpo, mais

forte o tipo

Tipos em negrito, sublinhados, etc. ganham fora Os itlicos, dependendo da fonte, podem at tornar-se mais fracos, mas destacam-se no corpo do texto Textos com se em relao ao conjunto destacam-

Mudana de posio

Mudana de cor ou de textura

Textos com cor ou podem sobressair ou enfraquecer relativamente ao conjunto

EBSFC | 2013.14 | 2 TD | Desenho de Comunicao