Manual de

Diagramao
Revista LUPA
v.01 Maro/Abril de 2007

Projeto Grfico: Alice Vargas

Apresentao

A publicao de uma Revista-Laboratrio da Faculdade de Comunicao

(Facom) da Universidade Federal da Bahia (UFBA) vem a consolidar um desejo
antigo da instituio de participar ativamente no mbito de circulao das
publicaes jornalsticas da cidade, registrando a vida cultural e social de
Salvador, assim como de divulgar as aes do nosso corpo discente,
disponibilizando de forma ampla e irrestrita comunidade soteropolitana em
geral.

Objetivos especficos:

Divulgar a produo dos alunos do curso de Jornalismo da Faculdade de Comunicao

Social/UFBA;
Estimular a produo de textos dos alunos do curso de Jornalismo da Faculdade de
Comunicao Social/UFBA;
Criar um elo entre a teoria e a prtica do jornalismo, atravs de um produto laboratorial;
Colocar em circulao um produto editorial no comercial dirigido juventude
universitria.

Pblico-alvo:

Jovens universitrios residentes em Salvador e Regio Metropolitana (Grande

Salvador).

2007 alice vargas www.avargas.com.br

Formato

Miolo da Revista:

Capa da Revista:

4.000 unidades.

Distribuio:

4 pginas
Papel: A4, Couche Fosco 150g. Verniz Total
Cor: 4x4

Tiragem:

32 ou 36 pginas
Papel: A4 , Couch Fosco 110g.
Cor: 1x1
Folha solta

gratuita.

Periodicidade:

semestral.

2007 alice vargas www.avargas.com.br

Logotipo

A eficincia da expresso visual do logotipo depende

de sua diferenciao, percepo, comunicao, memorizao,
universalidade, permanncia.
(Alexandre Wollner)

* Logotipo = Palavra elaborada e composta com caracteres tipogrficos originais, recebendo em um

dos sinais um desenho caracterstico para reforo de identificao visual, em sua construo
(WOLLNER: 2003, 315).
2007 alice vargas www.avargas.com.br

Nova Marca

A marca da Lupa foi criada a partir de alguns conceitos:

Do significado da palavra lupa, enquanto instrumento ptico que consiste
de uma lente com a capacidade de ampliar imagens, textos;
Referncia ao formato circular da lente da lupa (ponto). Constatou-se que
no seria necessrio usar o desenho da lupa em si, por conta da fcil
definio de seu nome. Seria um exagero usar uma lupa na marca. Optouse apenas por usar o crculo, elemento este que tambm ser utilizado no
projeto grfico da revista, como no final dos textos e nos cones das
editorias;
Da idia de originalidade do logotipo, atravs da transformao de um tipo
existente e no a partir apenas da utilizao do mesmo de forma simplista.
Redesenho do tipo CentSchbook BdCn BT;
Do pblico alvo da revista: jovem, antenado com as novidades editoriais;
Da dinmica do contedo da revista, de forma que o logo tambm possa
ser animado para uma verso digital;
Legibilidade, originalidade, fcil aplicao sobre fundos diversos. Cor preta
como preferencial.

2007 alice vargas www.avargas.com.br

Elementos da Capa
Notas referentes a
edio da revista:

Marca da Lupa,
sem local fixo.
Deve ter constraste
em relao a
imagem de fundo.

A imagem de capa
tem como prrequisito: cor,
significado, relao
com o tema e com
a matria principal,
qualidade para
impresso.

Chamadas para as
3 matrias de
destaque da
revista. A primeira
chamada deve
referir-se a matria
de capa.

Selo da FacomUFBA. Deve ter

constraste em
relao ao fundo.
2007 alice vargas www.avargas.com.br

Elementos da Capa uso de imagens

Exemplos de capa onde a marca da Lupa muda de lugar e de cor, a depender da imagem.
As capas devem ter um apelo visual forte, chamando para a leitura.

"Uma boa revista precisa de uma capa que a ajude a conquistar

leitores e os convena a lev-la para casa. Capa, como diz
o jornalista Thomaz Souto Corra, feita para vender revista.
Por isso, precisa ser o resumo irresistvel de cada edio,
uma espcie de vitrine para o deleite e a seduo do leitor."
(Marlia Scalzo)
2007 alice vargas www.avargas.com.br

Malha Grfica (Grid)

Para organizao das pginas da

revista, utilizada uma estrutura
modular horizontal e vertical (grid),
fundamental para determinar a rea
tipogrfica, estabelecer tamanhos
de tipos, entrelinhamento, larguras
das composies, numerao de
pginas, definir blocos de texto e
imagens, abertura de editorias,
situar nveis para a capa.

2007 alice vargas www.avargas.com.br

Uso da Malha Grfica: casos especiais

A quebra da malha grfica (em parte) permitida em casos

especiais, sob consulta ao diretor de arte. Deve-se ter o cuidado
para que essa quebra no se repita em matrias seqenciais.

2007 alice vargas www.avargas.com.br

Diagramao
O diagramador-designer tem um papel fundamental na editorao das matrias da
Lupa. Dentro do projeto grfico editorial, importante entender a revista como
um produto tridimensional[1] (um objeto harmonioso), resultado do estilo que
definido para a pea como um todo, assim como um projeto pgina a pgina
(matrias especficas), resultado do layout.
Principal caracterstica: monocromtico e bem diagramado, de forma a conquistar
o leitor para cada matria.

Se, por um lado, a impresso em uma cor significa uma sria restrio,
por outro mostra a maestria dos artistas-designers em conseguir dar
variedade e vivacidade a uma publicao impressa dentro de limites to estreitos.
(Chico Homem de Melo)

[1] Referncias do texto Notas da palestra Jan White, in: Boletim Editorial Abril especial, n. 20.

2007 alice vargas www.avargas.com.br

Unidade x Flexibilidade
A unidade de diagramao dada pela simplicidade unificadora do princpio ao
fim, constante em todas as pginas de uma edio, e mantida em outras
edies, desde a capa. definida pelos elementos repetidos na revista:
estrutura, espaos, tipografia, adornos, elementos repetidos no mesmo local,
pictogramas das editorias, tratamento do box de informaes, formato
padronizado das pginas, enfim, a arte fixa.
Ao mesmo tempo, cada pgina deve permitir uma flexibilidade para variar de acordo
com a especificidade de cada matria, de forma a tornar aquela rea explorvel
pelos editores. Cabe ao editor o papel de definir a importncia da matria, o que
preciso destacar. E isto deve ser transmitido de forma clara ao diagramador,
que, por sua, vez ter o papel de comunicar visualmente os conceitos. Cada
texto tem uma voz, isto , a emoo da matria, que pode ser expressa
atravs da tipografia do ttulo e da composio da pgina, seguindo as seguintes
regras:
Dentro do estilo da revista, desenvolver um bom comportamento grfico;
Bom senso;
Equilbrio: de idias, linguagem, escala, seqncia, consistncia.
Atentar para os limites e recursos da revista.

2007 alice vargas www.avargas.com.br

Matria como individual

O diagramador tem o papel de expressar a essncia da matria, a servio da
comunicao (no da arte!), isto , seduzir o jovem leitor: chamar sua ateno,
fazer com que ele leia e compreenda os objetivos da matria. Para isso,
possvel utilizar artifcios que despertem a curiosidade: enfatizar atravs do
tamanho, forma, contraste, isolamento, variao da percentagem de preto (cor),
utilizao de imagens, quebra da matria em sub-componentes (titulo, subttulos,
texto, ilustrao, box), espaos em branco.
Dentro dos limites do preto e branco, existe mais que os tons de cinza. Utilize o
contraste:
Grande/ pequeno;
Comprido/ curto;
Escuro/ claro;
Apertado/ solto;
Excitante/ normal;
Clssico/ moderno.

2007 alice vargas www.avargas.com.br

Editorias X Pictogramas
Pictogramas so representaes icnicas, utilizadas na
comunicao grfica que, pela sintetizao de traos,
planos e linhas, torna a imagem de rpida apreenso
(WOLLNER: 2003, 317).
Para identificao das editorias foram criados
pictogramas, aplicados no cabealho inicial de cada
editoria, com referncia tambm no ndice da revista.

Editorial
Prova dos 9: eeferente a educao na Facom, na
UFBA e outras instituies.
Passepartout: editoria de arte, cultura, msica.
Circo Urbano: editoria de comportamento.
Meio e Mensagem: editoria de mdia: crtica aos
contedos, temas de comunicao em geral, analise
de comportamento da mdia, propriedade, etc. e as
colunas de opinio dos professores da faculdade.
Impresses: editoria de ensaio fotogrfico.
Cubo mgico: editoria de criao literria.

* Tambm foram criados

pictogramas para representar
o site, o blog, fale com a Lupa
e box de informaes.

2007 alice vargas www.avargas.com.br

Editorias X Pictogramas

Conteudo

AAprimeira
primeiramatria
matria
da
editoria
da editoriadeve
deve
apresentar
apresentaraa
sinalizao
sinalizaoda
daeditoria
editoria
neste
formato,
com
neste formato, comaa
tarja
tarjapreto
pretoao
aofundo.
fundo.

AApartir
partirda
dasegunda
segunda
pgina
da
editoria,
pgina da editoria,
no
nose
sedeve
deveusar
usaraa
tarja.
tarja.

2007 alice vargas www.avargas.com.br

Sumrio
Editoria + cone
Detalhe da Capa

Pgina + Titulo ou
chamada de cada
matria

Citar a Lupa Digital

2007 alice vargas www.avargas.com.br

Editorial

Observao

Marca e
Referncias

Sinalizao
Ttulo do texto,
editor, texto com
capitular

Expediente

Frase na font
Baskerville itlico.

Fale com a Lupa

Foto da turma
Contato

Crdito da Capa
2007 alice vargas www.avargas.com.br

Paginao

Em caso de fundo escuro, o

texto da paginao deve ter
constraste, possibilitando a
leitura.

Na
Nalateral
lateralexterna
externa(parte
(parteinferior)
inferior)
da
pgina
deve
conter
da pgina deve conteroo
nmero
nmeroda
dapgina
pginaeeoonome
nomeda
da
revista
em
minsculo,
revista em minsculo,
seguido
seguidodo
donmero
nmeroda
da
edio.
edio.

2007 alice vargas www.avargas.com.br

Paginao: casos especiais

Casos em que a
paginao pode no
aparecer:

Na pgina de Sumrio;
Na pgina de Editorial;
Em uma das pginas do
meio da revista, seo
Impresses;
Em casos em que a foto
ou ilustrao necessitem
ocupar o local, desde que
isso no acontea em
duas pginas seguidas.
Ex: Se o nmero da
pgina mpar no
aparecer, deve
aparecer na pgina
par.

2007 alice vargas www.avargas.com.br

Tipografia

A revista Lupa usa como tipo base para textos, ttulos, crditos:
Bell Gothic Black BT
Bell Gothic BT
Bell Gothic BT Bold
Em caso de textos em itlico, usar a font:
Baskerville
A font padro pode ser usada preenchida, em outline, inclinada,
integrada ilustrao.

2007 alice vargas www.avargas.com.br

Ttulos
O uso de outros tipos (fantasia) pode
ocorrer apenas em ttulos e
subttulos, desde que a font tenha
uma identidade com o contedo do
texto: orgnica, moderna, rebuscada,
clssica etc.

2007 alice vargas www.avargas.com.br

Texto x Pargrafo: capitular

Casos em que a capitular

pode ser utilizada:

texto do editorial
texto da seo literria Cubo Mgico.
caso especial, em que a diagramao
com estilo medieval pea este tipo de
recurso.

Caracterstica:

a altura da capitular de apenas 2

linhas.
Usar a mesma fonte do texto.

2007 alice vargas www.avargas.com.br

Texto x Pargrafo

Alinhamento do texto esquerda e irregular direita.

Palavras devem ser hifenizadas (em caso de quebra)
preferencialmente aps as duas primeiras slabas.
Pargrafos so definidos pelo sinal _ no incio de cada
pargrafo, seguido de um espao. Sem recuo de texto ou
espao entrelinha diferenciado.
Ateno: Entrevistas so um caso a parte.

2007 alice vargas www.avargas.com.br

Entrevista

Entrevista a Nome
Foto Nome | Ilustrao Nome

Em entrevistas, os pargrafos no
usam _ no incio. As perguntas da
entrevista ficam em negrito.
O resumo inicial da entrevista
delimitado por um box. Nele, o
nome do entrevistado e alguma
informao pertinente ficam em
negrito.

2007 alice vargas www.avargas.com.br

Crditos
Texto Nome | Foto Nome | Ilustrao Nome
Entrevista a Nome | Foto Nome | Ilustrao Nome

Alinhar o primeiro
nome dos crditos
malha grfica.

Quanto o fotgrafo
e o redator for a
mesma pessoa,
no necessrio
repetir o nome.

Quanto o autor no
for o mesmo,
separar usando
barra vertical.

2007 alice vargas www.avargas.com.br

Olho
A depender da matria, o olho pode
vir sobre fundo branco ou preto.
Em matrias especiais, a font do
olho pode ser a mesma usada para
o ttulo, desde que permita fcil
leitura.

Interttulos
Antes do interttulo, uma
linha em branco.
Usar a font Bell Gothic
Black BT, no mesmo
tamanho do texto.

2007 alice vargas www.avargas.com.br

Box de servio

Caractersticas:

Ttulo sempre alinhado direita do box, centralizado verticalmente em relao ao

pictograma, sobre a linha do box (Bell Gothic Black BT, tamanho 10pt, alinhamento
centralizado na caixa de texto de fundo branco)
Borda em fio, com cantos arredondados (Fio de 6pt. Object/Corner Effects. Effect:
Rounded, Size: 6mm)
H possibilidade de usar bullets (circular)
O box no deve ocupar mais da metade da pgina
O texto do box utiliza o mesmo estilo do texto da matria
Deve seguir a grade da pgina

2007 alice vargas www.avargas.com.br

Texto: marcao do fim

Ao final da matria, entrevista, artigo,
deve constar o ponto, sempre alinhado
direita.
Nos casos em que no o texto no der
espao para o ponto, este deve vir na
linha logo abaixo.

2007 alice vargas www.avargas.com.br

Uso de Imagem
As imagens, antes de tudo, devem ter um significado editorial e devem ser
utilizadas para nfase e orientao da leitura:
Infografia: mapas e grfico podem ser elaborados para transmitir
dados estatsticos, distncias, localizao ou contar uma histria. A
infografia tem por caracterstica os binmios imagem + texto, verbal +
no verbal, de forma que o no-verbal prevalea sobre o verbal. Este
ltimo tem o papel de complementar a imagem.
Humor e Crtica: utilizao de cartum e charge. Cartum o desenho
de humor na sua acepo mais ampla, enquanto a charge o humor de
interveno, relacionado aos conceitos polticos e sociais imediatos
(HOMEM DE MELO: 2006, 128).
Ilustrao: uso de tcnicas diversas de ilustrao (desenho, colagem,
pintura, digital), podendo compor toda a pgina, como moldura ou
aparecer como vinhetas.
Fotografia: imagens pensadas em preto e branco. Uso adequado ao
grid da pgina. No usar imagem como fundo de texto (background), a
no ser que a seo tenha uma reportagem visual.

2007 alice vargas www.avargas.com.br

Uso de Imagem

As imagens podem seguir a malha grfica (na

questo do alinhamento).
Sangramento de pgina no deve ser usado
com freqncia, no repetido em matrias em
seqncia.
Sangramentos so indicados principalmente
para sees que tenham como base a
imagem: seo impresses, seo ilustrado,
entrevistas.

2007 alice vargas www.avargas.com.br

Legenda

2007 alice vargas www.avargas.com.br

Impresses

Esta seo de ensaio

fotogrfico um caso a
parte e deve ser
estudada a depender
das imagens.
Observaes:

Texto com capitular;

Os textos devem usar a font
base;
Crditos devem seguir o
padro dos textos;
Fundo preferencial: preto.

2007 alice vargas www.avargas.com.br

Anncios

Espao dedicado aos anncios:

Contra Capa: pgina do principal

patrocinador.
Pgina aps seo Cubo Mgico (verso da
contra-capa): pgina de apoiador.

Referncia ao patrocnio da UFBA

deve ser feita na pgina do
Editorial.

Formato: Tamanho A4, 4 cores,

CMYK.

O anncio pode ser fornecido pelo

anunciante;
Ou pode ser elaborado pela equipe de
criao da Lupa, seguindo o estilo da revista.

2007 alice vargas www.avargas.com.br

Referncias

Bibliografia:

HOMEM DE MELO, Chico (org.). Design de revistas: Senhor est para a ilustrao
assim como Realidade est para a fotografia. In: O design grfico brasileiro Anos 60.
So Paulo: Cosac & Naify, 2006. 98-187 p.
Editora Abril. A Revista no Brasil.
Editora Abril. Utilizando a parte grfica para propsitos editoriais Notas da palestra
Jan White. In: Boletim Editorial Abril especial, n. 20. < http://www.botecodeideias.jor.br
> Acessado em 28/09/2006.
WOLLNER, Alexandre. Alexandre Wollner: Design visual 50 anos. So Paulo: Cosac &
Naify, 2003. 336 p.
MARCELI, Tathiana. Design de Jornais: quase tudo que voc precisa saber para
projetar um jornal. Rio de Janeiro: Editora Impress, 2006. 64 p.
SCALZO, Marlia. Jornalismo de Revista.

Outras Revistas:

Bravo, Simples, ABC Design...

2007 alice vargas www.avargas.com.br