PAGINAÇÃO
GRÁFICA
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação
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. 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
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
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
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
6. Princípios de tipografia
ESTRUTURA
ORDEM
ORGANIZAÇÃO
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação
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
6. Princípios de tipografia
CAIXA ALTA – maiúsculas
CAIXA BAIXA - minúsculas
A
a
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação
6. Princípios de tipografia
ANATOMIA DA LETRA
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação
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
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
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
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
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
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
8. Leading
Leading – espaço entre linhas.
EBSFC | 2013.14 | 2º TD | Desenho de Comunicação
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
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
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
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
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

paginação grafica

  • 1.
    PAGINAÇÃO GRÁFICA EBSFC | 2013.14| 2º TD | Desenho de Comunicação
  • 2.
    1. Paginação gráfica Atividadede 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 Oespaç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 (olharpara 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 queacontece 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 detipografia ESTRUTURA ORDEM ORGANIZAÇÃO EBSFC | 2013.14 | 2º TD | Desenho de Comunicação
  • 8.
    6. Princípios detipografia 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 detipografia CAIXA ALTA – maiúsculas CAIXA BAIXA - minúsculas A a EBSFC | 2013.14 | 2º TD | Desenho de Comunicação
  • 10.
    6. Princípios detipografia ANATOMIA DA LETRA EBSFC | 2013.14 | 2º TD | Desenho de Comunicação
  • 11.
    6. Princípios detipografia 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 detipografia 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 limitespara 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. associarentrelinhamento 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 escolhado 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 Ostextos 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 Existemvá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