Você está na página 1de 20

DESIGN

EDITORIAL
COMPACTO
Dicas para resolver problemas de diagramao e edio

AURILEIDE ALVES

apresentao
Este pequeno guia foi criado como resultado prtica da pesquisa feita para o trabalho de concluso de curso de minha ps-graduao em design grfico, em novembro de 2011 na Faculdade Sete de Setembro, sob a orientao da professora e mestre Juliana Lotif. Participaram da banca examinadora a professora especialista Andrea Arajo e o professor e mestre Humberto Arajo. O objetivo deste livreto fornecer solues rpidas aos principais problemas detectados nas diagramaes de pequenos jornais. Sem a pretenso de ser um manual completo, jamais pode ser usado para substituir livros especializados de diagramao e design editorial. , como o nome diz, um guia de bolso. Pra ter mo quando surgir uma dvida cruel. As dicas aqui apresentadas foram selecionadas de livros e reescritas numa linguagem simples. A maioria so regras j testadas exaustivamente, mas, como toda regra, bom ter em mente que elas so vlidas apenas enquanto forem razoveis. Portanto, sempre devem estar adequadas ao caso em questo. Pode ser que, ao buscar ajuda, o leitor sinta-se estimulado a aprofundar o conhecimento. A hora de procurar outros materiais j publicados, ou mesmo cursos que preparam para o exerccio da profisso de designer, o que mais recomendado.

sumrio
apresentao 2 glossrio visual 3 antes de comear 4 estruturando a pgina 5 organizando a informao 8 cuidando da aparncia 12 glossrio 18

Para meu amado Vital. Fonte de inspirao, fora e dedicao constante para fazer da vida uma viagem agradvel. Seu apoio emocional foi fundamental para que este trabalho se materializasse. Para os filhos queridos Nina Bianca e Iago, minhas desculpas pelas longas horas de ausncia. Para Juliana Lotif pela pacincia e profissionalismo e por compartilhar comigo sua paixo pelo ensinar e aprender.Para Cludia Vidal por sua energia contagiante e paixo motivadora pelo design. Texto, ilustraes e fotografias
AURILEIDE ALVES http://about.me/aurileide

Reviso

JULIANA LOTIF E JOS VITAL Fortaleza, 10 de Novembro de 2011.

glossrio visual

nmero da pgina

nome do caderno

data e local

antettulo fio subttulo ou olho fios crditos

ttulo

texto

foto

interttulo

legenda fio margem

antes de comear
PAPEL A primeira deciso a se tomar a do tamanho da pgina ou a medida do papel. Ela vai interferir na maneira como as pessoas iro ler e tambm nos gastos para imprimir. Escolher um tamanho dentro da escala DIN vai reduzir custos e desperdcios. As principais medidas so, em milmetros: A0 (841 x 1189), A1 (594 x 841), A2 (420 x 594), A3 (297 x 420), A4 (210 x 297), A5 (148 x 210), A6 (105 x 148), A7 (74 x 105), A8 (52 x 74), A9 (37 x 52), A10 (26 x 37). Para informativos, os tamanhos mais comuns so A4 e A3.

Diviso do papel a partir de um A3.

TIPOS DE PAPEL Existem inmeros papis diferentes disponveis no mercado e cada um serve para um uso especfico. Impressos com grandes quantidades de texto, no se recomenda o uso de papel grosso e brilhante. Em ambientes muito iluminados, um papel com brilho dificulta a leitura porque vai refletir a luz e incomodar o olho. J o muito grosso, alm de caro, vai fazer peso para se carregar, sendo difcil de dobrar. indicado para situaes em que o produto precise de resistncia ou dobra, como as caixas e envelopes. Para garantir, recomenda-se usar um papel fosco de gramatura mdia (entre 75 e 90g/m2), deixando os mais grossos e brilhantes para cartazes ou folders.
Aurileide Alves 2011

Muito grande Um

tamanho muito grande vai exigir que o leitor faa vrios passeios com a cabea e com os olhos.

Pgina dupla A4

Com uma pgina dupla feita em tamanho A4, por exemplo, possvel ver tudo de uma vez, sendo mais fcil de manusear e ler. 4

estruturando a pgina
GRID OU GRADE uma diviso em partes que permitam a melhor organizao e disposio do contedo. possvel fragmentar a pgina retangular em inmeras combinaes. Para cada tipo de contedo, existe uma soluo. A maioria dos jornais usa uma grade modular, que divide a pgina em pequenos espaos regulares e iguais. Isto permite posicionar o contedo com facilidade e fazer mudanas e ajustes com rapidez.

Acima, dois exemplos de grid modular com diferentes propores. Quanto maior o nmero de mdulos, mais preciso o layout. Variar no nmero e na medida do mdulo permite arranjar com diversidade tantos os textos quanto as imagens da pgina, criando dinamismo.

Diferena Ao criar

diferentes grids em pginas duplas, torna o conjunto menos chato, menos repetitivo e mais atraente.

Lado a lado, as pginas sero lidas como se fossem uma s e repetir a mesma diviso na direita e na esquerda, pode ser pouco interessante.

Uma s pgina

Design Editorial de Bolso

estruturando a pgina
MARGENS So os espaos vazios existentes entre o limite do papel e o contedo. Servem para orientar o foco da leitura, repousar os olhos, inserir informaes repetitivas e secundrias como nmeros de pgina e, principalmente para oferecer apoio s mos para segurar e manusear a pea. Cuidado com a dobra. Evite colocar as fotos nos espaos prximos da dobra ou elas no sero vistas numa folheada rpida.

Quanto maior o espao vazio da margem, maior a elegncia da composio.

Sem margem Quando os textos esto


muito prximos do limite do papel, a margem fica prejudicada e o resultado vai interferir principalmente na maneira como os leitores iro segurar a pgina. Sem espao vazio para repousar os dedos, possvel dificultar o acesso ao contudo.

Conforto Com
espao nas extremidades, o layout da pgina fica mais confortvel.

Aurileide Alves 2011

COLUNAS So alinhamentos verticais que criam divises horizontais entre as margens. Servem para abrigar o contedo organizadamente. A quantidade de colunas pode variar de acordo com o material a ser utilizado e o tipo de informao a ser impressa. Podem ter as mesmas medidas ou no. O objetivo definir uma largura capaz de conter uma quantidade de caracteres, sem muitas quebras nas palavras.
Larga x estreita A largura

das colunas vai depender da quantidade de texto em cada linha e do tamanho do caractere utilizado. Quanto maior a letra, mais larga deve ser a coluna. Quanto menor o caractere, menor pode vir a ser a largura da coluna.

Diversidade Organizar o

contedo em diferentes estruturas de colunas, vai criar semelhana e tambm contraste no ritmo geral do layout. O mais importante: ainda vai manter a unidade das pginas.

Design Editorial de Bolso

organizando a informao
TTULO Deve ser longo o suficiente para dizer tudo, mas sem exageros. Para ser visvel, a tipografia do ttulo precisa dar ao leitor a pista clara de sua importncia, pelo tamanho. Por isto, ttulos so sempre escritos em fonte bem maiores do que o corpo dos textos.

O ttulo principal deve estar claramente identificado e diferenciado dos outros textos. Seu tamanho deve ser sempre o maior da pgina ocupando lugar de destaque.

SUBTTULOS So ttulos escritos em corpo menor que o ttulo, posicionados logo abaixo deste. Servem para destacar o significado da ideia bsica do ttulo. Ao constru-lo, deve-se evitar repetir as palavras do ttulo. A tipografia pode combinar tanto com a do ttulo, em corpo menor ou combinar com o texto, em corpo maior. Importante que o subttulo seja padronizado em toda a publicao, como um recurso para criar a personalidade da pea. POSICIONAMENTO Convm evitar a tentao de centralizar os ttulos, principalmente se o texto que vem a seguir estiver alinhado esquerda. Quando isto acontece, e o texto no est bem delimitado direita e esquerda, difcil perceber o posicionamento de um ttulo que fica no meio da pgina.
Aurileide Alves 2011

VRIOS TTULOS Quando uma pgina possuir vrias matrias sobre o mesmo assunto, o ideal criar nveis ou uma hierarquia de importncia para cada uma. A de maior destaque deve vir primeiro, com o ttulo sendo o de maior corpo tipogrfico. A seguir, seguem-se as outras matrias que formam a sequncia, com ttulos bem menores. SINAIS DE PONTUAO Ponto final no deve ser usado no fim dos ttulos. Ele funciona como parada que no desejvel neste caso. Pontos de exclamao tambm devem ser evitados, j que so um recurso barato para chamar a ateno. Para isto, capriche na redao. MAISCULAS Devem ficar no incio das palavras apenas quando precisar escrever nomes de pessoas, lugares ou empresas e instituies pblicas.
8

Ritmo Subidas

e descidas so necessrias para a fluidez da leitura. Por isto melhor evitar escrever todas as palavras do ttulo com letras maisculas.

Capitular A primeira
letra do primeiro pargrafo da pgina pode ser usada para indicar visualmente onde o texto comea. Faa com que ela fique bem maior que o texto do ttulo. Aqui ela tema a altura do pargrafo.

Caixa alta Melhor

utilizar este recurso somente quando for necessrio, como em siglas ou abreviaes ou para criar contraste em reas com poucas palavras, como no interttulo.

ESPACEJAMENTO Condensar ou expandir demais as letras vai proporcionar uma sensao muito desagradvel de que algo foi deformado, foradamente para caber num determinado espao. Alm disto, vai comprometer a legibilidade dos caracteres. HFEN Ttulos no devem ser hifenizados.
9 Design Editorial de Bolso

organizando a informao
TEXTOS A mensagem a ser transmitida para o leitor o principal objetivo de se fazer uma publicao. Dependendo de sua natureza, o escritor pode escolher diferentes maneiras de contar uma histria e o texto sua principal ferramenta de transmisso e convencimento. Outros elementos para compor a pgina so escolhidos de acordo com a natureza da histria a ser contada. A ilustrao, a tipografia e a linguagem estilstica do impresso so definidos para conquistar o leitor e devem ser agradveis e confiveis.

Escrever cortar palavras. preciso ser objetivo, claro, direto. Se quer chamar a ateno, melhor permitir que as ilustraes faam este papel. O texto deve atuar como um complemento para detalhes que uma imagem no pode transmitir. As partes podem ser claramente separadas com interttulos, lista com marcadores ou nmeros para transmitir a informao mais depressa ajudando o leitor com pouco tempo a folhear muitas pginas.

Somente texto Quando precisar


escrever muito texto, utilize margens largas, capitulares, interttulos e janelas para criar diversidade visual.

Aurileide Alves 2011

10

Texto
6 12 18

Fonte 10/Entrelinha 12

Legenda

Fonte 6/Entrelinha 6

Olho

Fonte 15/Entrelinha 18

Ttulo

Fonte 20/Entrelinha 24

24

As entrelinhas do corpo do texto, legenda, olho e ttulo podem estar relacionadas, como nestes exemplos. O

valor usado para estabelecer uma relao numrica com as medidas foi de 6pt. Observe que,

em alguns momentos as linhas de texto esto na mesma altura da legenda, olho e ttulo, mas isto no

necessrio, por conta das diferentes alturas e entrelinhas utilizadas.

TAMANHOS Os textos devem ter um corpo grande o suficiente para permitir leitura. Para grandes massas de texto, corpo 10pt para o pargrafo e 12pt para a entrelinha so valores muito utilizados. Outra boa ideia definir o tamanho do tipo do texto de acordo com a largura da coluna. Se uma coluna tem at 70mm, por exemplo, os tipos podem variar de 8 a 9pt e de 10 a 11pt. Se ao invs disto a largura for at 140mm, a variao dos tipos passa a ser de 12 a 13pt e de 14 a 16pt. No caso das colunas mais largas que 140mm, os tipos podem ser de 16 a 18pt e de 18 a 20pt. Mas esta apenas uma das vrias tcnicas existentes. Outras, por exemplo, baseiam-se na quantidade de palavras por linha para determinar a largura da coluna.

ESTILOS A escolha de uma lista de fontes a maneira mais fcil de criar uma coerncia visual. Se a sua pgina foi projetada para ter ttulo, subttulo, janela, legenda, crditos ou mais itens, convm utilizar uma fonte que oferea vrias opes: regular, bold, itlico, condensado. Para criar diferena nas janelas, pode-se usar a mesma fonte do texto em itlico, colorido, com corpo bem maior. Recomenda-se utilizar uma fonte regular, com serifa para a massa de texto. Para escrever os marcadores da pgina, legendas, crditos de ilustraes utilize uma fonte sem serifa que oferea alm do regular, o bold e o itlico para permitir a variao em diferentes lugares. HIFENIZAO Use hfens nas palavras, mas evite abusar. Uma boa medida manter um nmero de hfens de 3 a 5, por pargrafo.
11 Design Editorial de Bolso

cuidando da aparncia
TIPOGRAFIA Existem basicamente dois tipos de fontes: com serifa e sem serifa. As mais completas oferecem variaes para compor uma publicao inteira. Estas variaes podem ser: regular, bold, light, condensadas, itlicas, itlicas bold, itlicas condensadas etc. Recomenda-se utilizar de duas a trs fontes, no mximo.
Serifas so acabamentos delicados. Observe as reas circuladas.

Sem serifa No

possuem muitos detalhes. As linhas so retas e as extremidades sem curvas delicadas.

Primeira linha do primeiro pargrafo

ltima linha Cuidado

Deixe a tabulao com a largura mxima de 3 carateres se sua coluna for muito estreita (at 70mm). Para larguras maiores, utilize at 5 caracteres como medida. Entretanto, o primeiro pargrafo no deve ter tabulao. Ele o ponto de entrada do texto e no deve ter distraes. Se precisar destac-lo, use uma letra capitular. Pargrafos com interttulos tambm no devem ter recuo.

especial deve ser dado s ltimas linhas de cada pargrafo. Quando formadas por apenas uma palavra (vivas) devem ser reescritas para reduzir texto ou ter o espao entre as letras (tracking) aumentado ou diminudo suavemente nas duas ltimas linhas.

Com serifa

Georgia, Times New Roman, Times, Courrier New, Garamond, Caslon.

Sem serifa Arial,

Vernada, Sans, Tahoma, Trebuchet, Futura, Helvetica.

Aurileide Alves 2011

12

Nome de seo

MARCADORES A partir de duas pginas, til a presena de marcadores, ou flios, ou sinais grficos. Um marcador qualquer informao que sirva para identificar e hierarquizar a pgina. Os mais comuns so o nome da publicao, nmero da pgina, nomes de cadernos, sees ou editorias. Escolha sempre uma das margens externas e evite as internas. Se ficarem muito longe do texto, provvel que desapaream.

Localizados geralmente no topo das pginas. O ideal que seja escrito em fonte menor que o texto, sobre fundo colorido, ou com algum destaque tipogrfico como negrito ou itlico.

Nmeros de pgina e datas

A fonte usada para escrev-los deve ser bem menor que a do texto, para no confundir sua importncia.

Justificado esquerda Use

para as colunas com grandes massas de texto.

Esquerda ou direita Sem

justificar, use para janelas, legendas, citaes e olhos.

13

Design Editorial de Bolso

cuidando da aparncia
FOTOGRAFIA As imagens devem estar sempre relacionadas com os textos. Organizar uma lista de fotos para cada assunto ajuda na hora da escolha. O melhor resultado ser obtido dos maiores arquivos, com as cores mais ntidas.

Regra dos teros Um

truque muito utilizado por fotgrafos. Divide a foto em uma matriz de 3 x 3 quadrados e posiciona o personagem principal longe do centro, criando tenso e dinamismo na cena.

RESOLUO A maioria das cmeras fotogrficas de hoje oferece opes de configurao para gerar arquivos que ultrapassam os 2 Megapixels. Verificar antecipadamente esta opo antes de sair clicando, vai gerar fotos melhores para serem impressas. Pra evitar erros graves, convm nunca usar fotografias pequenas, retiradas de web sites, em arquivos muito pequenos, de modo que sejam impossveis de se fazer uma ampliao de qualidade. JPEG OU TIFF? Ateno tambm para o tipo de arquivo. Os mais comuns possuem compactaes adequadas para uma impresso razovel. A maioria das cmeras digitais amadoras e semi profissionais j vem configurada de fbrica para que as fotos sejam compactadas em .JPEG, mas sempre bom conferir antes de usar as imagens, pois alteraes podem ser
Aurileide Alves 2011 14

feitas. O ideal que, aps selecionar a foto e fazer os ajustes no seu programa de edio favorito, o arquivo seja salvo com a mnima compactao possvel e com o perfil de cores adequado para a impresso offset. Recomenda-se usar arquivos .TIFF em CMYK e com resoluo mnima de 300 dpi, para resultados satisfatrios. Se isto no for possvel, use .JPEG com compactao de 100%, CMYK. CLIPARTS Se no h fotografias disponveis, resista tentao de inserir um daqueles inmeros cliparts que costumam vir em CDs da banca de revistas, ou daquele site especializado em figurinhas. Na maioria das vezes, os desenhos so grotescos, de m qualidade e indicam apenas que no foi possvel encontrar uma soluo melhor, passando uma ideia de amadorismo seu trabalho.

Alinhe o horizonte Ateno para as linhas do horizonte. Nas paisagens com gua ou rvores o

horizonte precisa ficar corretamente posicionado para no causar a sensao de que tudo vai cair para um dos lados.

Cortes possvel retirar somente o necessrio de uma imagem. Selecione de detalhes e deixe-os
grandes. boa alternativa para valorizar uma foto. Mas somente arquivos grandes e com boa qualidade podem oferecer recortes bem enquadrados e para uma boa impresso.

Redimensionar Na hora de modificar o tamanho de uma fotografia, de um rosto, por exemplo (A),
evite achatar (B) ou esticar (C). Para que a imagem mantenha suas propores originais, mantenha a tecla Shift pressionada, enquanto arrasta um dos cantos para cima ou para baixo (D). Assim, tanto largura quanto altura tero novos valores sem distorcer a imagem.

15

Design Editorial de Bolso

cuidando da aparncia
COR Deve-se fazer uso de cores para destacar, identificar, criar nfase, associar, organizar, persuadir e criar beleza intencionalmente, nunca sem propsito. As cores devem ser escolhidas com um objetivo e jamais devem ser retiradas do nada. Crie uma lista de cores coerentes com a identidade visual do seu informativo e trabalhe com elas a cada nova edio, evitando mudar as reas chaves definidas no projeto. Se a seo Poltica foi inicialmente configurada para ser vermelha, mudar para rosa ou verde vai alterar o significado. Os leitores esto acostumados a identificar contedos tambm pelas cores. PSICOLOGIA DAS CORES As cores transmitem mensagens que podem influenciar o contedo. Ela possui um componemte emocional que deve ser cuidadosamente estudado para ser aplicado. Elas variam de acordo com as culturas (no Ocidente, preto morte. J no Oriente, o branco que representa a morte. Existem livros e web sites especializados em psicologia das cores, que podem dar mais informaes sobre isto. Mas, por enquanto, basta saber que, a cor escolhida para um determinado material grfico, deve ser cuidadosamente pensada para comunicar a seu pblico.

Crculo cromtico As cores esto organizadas


de acordo com a relao de uma com a outra.

Primria o matiz

puro. Vermelho, azul e amarelo.

Secundria Obtm-

se da mistura de duas primrias. Amarelo + vermelho = laranja. Azul e amarelo = verde. Vermelho + azul = violeta.

Complementar

No disco cromtico, a cor oposta primria. A complementar do vermelho o verde; do azul, o laranja e do amarelo, o violeta.

Aurileide Alves 2011

16

A cor da imagem Retirar da fotografia as cores para usar nos ttulos, legendas,
janelas e boxes vai manter a harmonia do conjunto da pgina.

Criar uma lista de cores (paleta) necessrias para um trabalho, a partir de uma imagem ou figura importante, que represente o assunto em questo pode ser uma alternativa eficaz. Assim, possvel escolher as cores para ttulo, subttulos, textos, legendas, interttulos e marcadores, a partir de um elemento que est dentro da composio, harmonizando o layout e criando continuidade na pgina.

Lcalizando a cor Dentro do disco


cromtico, as cores da imagem acima localizam-se na rea dos verdes e amarelos.

PARA SABER MAIS Alm das

primrias, secundrias e tercirias, as cores possuem vrias outras classificaes, que podem ser encontradas em livros especializados. Pesquise! Design Editorial de Bolso

17

Glossrio
ANTETTULO Uma palavra ou frase curta que sempre aparece antes do texto, em fonte bem menor. BOXE Texto curto que aparece destacado, em associao com outro texto mais longo. Colocado separado do todo, geralmente fornece informao complementar ao leitor. CAIXA ALTA/BAIXA Diz do emprego de letras maisculas para escrever todo um texto. So chamadas assim porque os compositores guardavam-nas na parte superior da gaveta (ou caixa) onde dispunham os tipos de metal. COLUNA Cada uma das subdivises verticais em que a pgina de um jornal, revista ou livro dividida. Por extenso, coluna tambm significa o espao do jornal em que um autor escreve regularmente. CORPO Na fundio tipogrfica, o corpo o prprio bloco de metal a partir do qual se projeta o espelho da imagem esculpida da letra. DIAGRAMAO Conjunto de operaes utilizadas para dispor ttulos, textos, grficos, fotos, mapas e ilustraes na pgina de uma publicao ou em qualquer impresso de forma equilibrada, funcional e atraente, buscando estabelecer um sentido de leitura que atenda a determinada hierarquia de assuntos. ENTRELINHA Medida vertical do espao entre a linha de base de uma linha de texto e a linha de base da seguinte.
Aurileide Alves 2011 18

FONTE Conjunto de caracteres de uma mesma famlia tipogrfica, ou seja, cujo desenho siga um padro bsico de construo. GRAMATURA Registro do peso, em gramas, de 1 metro quadrado de um determinado papel. Sua expresso no guarda, necessariamente, relao direta com a espessura do papel, pois o peso depende da matria-prima empregada em sua fabricao. Ex.: 120 g/m. IDENTIDADE VISUAL Conjunto sistematizado de elementos grficos que identificam visualmente uma empresa, uma instituio, um produto, ou um evento, personalizando-os, tais como um logotipo, um smbolo grfico, uma tipografia, um conjunto de cores. INTERTTULO Uma palavra ou frase curta que aparece em destaque tipogrfico, na primeira linha dos pargrafos internos. JANELA Um frase significativa retirada do texto e posicionada sobre ele em destaque tipogrfico para atrair o leitor. LAYOUT Pea produzida artesanalmente para a visualizao e interpretao de um projeto. Instrumento de depurao do prprio projeto, quando destinado ao cliente, deve simular, da melhor forma possvel, o produto final. MATIZ o nome que identifica uma cor como sendo nica. Amarelo, violeta, rosa, verde, lils etc.

OLHO O mesmo que subttulo. PROJETO GRFICO Planejamento das caractersticas grfico-visuais de uma pea, seja uma publicao, um folder ou um cartaz, envolvendo o detalhamento de especificaes para a produo grfica, como formato, papel, processos de composio, impresso e acabamento. RESOLUO Grau de nitidez de um caractere ou imagem impressa ou exibida. Na tela, a resoluo expressa por uma matriz de pontos. Na impresso expressa como pontos por polegada linear. Quanto maior a resoluo de uma imagem, melhor sua visualizao em tela ou na impresso. SERIFA Pequeno trao que aparece na extremidade das hastes de uma letra. Tambm chamado de remate, filete. SUBTTULO Pequeno texto com poucas palavras que aparece logo abaixo do ttulo, com fonte menor e geralmente de cor diferente. TIPO Desenho de letras e algarismos formando um conjunto regido por propriedades visuais sistematizadas e consistentes. TIPOGRAFIA Desenho e produo de letras e sua distribuio e espacejamento sobre uma superfcie (papel,tela), para transmitir informao.

Design Editorial de Bolso

http://about.me/aurileide

Interesses relacionados