Você está na página 1de 71

Diagramao

criativa
(apesar da ABNT)

Gabriela Nascimento
1
Formatos
Retrato (Portrait)
Paisagem (Landscape)
2
Hieraquia
visual
Famlia
Tipogrfica
Tipos considerados
clssicos e atemporais

Arno Pro, Scala, Garamond, Baskerville,


Bembo, Caslon, Centaur, Linotype Didot,
Bodoni, Franklin Gothic, Frutiger, Futura, Gill
Sans, Goudy Old Style, News Gothic, Perpetua,
Univers estas fontes foram e continuam
a ser escolhas certas para quem ainda tem
pouca experincia em usar fontes.
regular<bold>italic (Caslon)
regular<bold>italic (Garamond)
regular<bold>italic (Bodoni)
regular<bold>italic (Scala)
regular<bold>italic (Helvetica)
regular<bold>italic (News Gothic)
regular<bold>italic (Frutiger)
regular<bold>italic (Futura)
Combinao
de tipos
Serif + SansSerif
Regular + Bold
Quem domina?
Bold,
Black,
Ultra ou
Heavy
No use VERSAIS,
mas quando as
usar, use-as com
sensibilidade
Mantenha
a integridade
Tipo claro
sobre
fundo escuro
Tipo claro sobre fundo escuro parece mais Tipo claro sobre fundo escuro parece mais
pequeno que o inverso. A presena de uma pequeno que o inverso. A presena de uma
grande rea de cor escura comprime e reduz o grande rea de cor escura comprime e reduz o
branco das letras. Esta reduo da legibilidade branco das letras. Esta reduo da legibilidade
tem a ver com os fenmenos fisiolgicos que tem a ver com os fenmenos fisiolgicos que
definem a legibilidade das letras. definem a legibilidade das letras.
Um texto composto em negativo (claro so- Um texto composto em negativo (claro
bre escuro) mais difcil de ler, em 15 a 40%, sobre escuro) mais difcil de ler, em 15 a
do que em positivo. Alm disso, no mtodo de 40%, do que em positivo.
impresso em offset, a tinta invade as zonas Alm disso, na impresso em offset, a tinta
deixadas em aberto pelas formas das letras. Por invade as zonas deixadas em aberto pelas
esta razo aconselhvel aumentar o corpo e/ formas das letras. Portanto aconselhvel
ou a espessura do texto a negativo. aumentar o corpo e/ou a espessura do texto a
Deve-se tambm usar tipos suficientemente negativo.
espessos e sem serifas, de modo a no entu- Tambm o tracking deve ser aumentado e
pirem. o espaamento entre as palavras regularizado,
Scala Regular, 11,6 pontos. optando por alinhamento esquerda.
Use tipos suficientemente espessos e sem
serifas, de modo a no entupirem.
Corbel Regular, 12/15 pontos.
Aumente a
entrelinha
para melhorar
a legibilidade
do texto
Na composio de uma coluna, a entrelin- Na composio de uma coluna, a entrelin- Na composio de uma coluna, a entrelin-
ha (line spacing, leading) um parmetro ha (line spacing, leading) um parmetro ha (line spacing, leading) um parmetro
essencial, definindo a esttica do material essencial, definindo a esttica do material essencial, definindo a esttica do material
publicado e a sua legibilidade. publicado e a sua legibilidade. publicado e a sua legibilidade.
A entrelinha definida com a distncia A entrelinha definida com a distncia
da linha de base de uma linha at linha de A entrelinha definida com a distncia
da linha de base de uma linha at linha de da linha de base de uma linha at linha de
base da seguinte linha. Na tipografia tradi- base da seguinte linha. Na tipografia tradi-
cional, que usava os tipos de metal, inseria- base da seguinte linha. Na tipografia tradi-
cional, que usava os tipos de metal, inseria-
se finas linhas de metal entre-linhas para cional, que usava os tipos de metal, inseria-
aumentar o espao padro definido pela se finas linhas de metal entre-linhas para
aumentar o espao padro definido pela se finas linhas de metal entre-linhas para
altura dos glifos. aumentar o espao padro definido pela
Para os ttulos e subttulos (headline, altura dos glifos.
display text) as regras so reformuladas. Para os ttulos e subttulos (headline, altura dos glifos.
Para um texto em ponto grande, a distn- display text) as regras so reformuladas. Para os ttulos e subttulos (headline,
cia entre as letras ser mais curta, assume Para um texto em ponto grande, a distn- display text) as regras so reformuladas.
a largura da letra i. cia entre as letras ser mais curta, assume Para um texto em ponto grande, a distn-
a largura da letra i. cia entre as letras ser mais curta, assume
12/13 pontos a largura da letra i.
12/14 pontos
12/15 pontos
Coluna de
texto
Quando os olhos do leitor percorrem linhas demasiado compridas, torna-se difcil fazer a passagem
para a linha seguinte; o leitor perde a linha. A leitura de linhas demasiado curtas provoca movimen-
tos frequentes dos olhos, que cansam o leitor.

Quando os olhos
do leitor percorrem
linhas demasiado
compridas, torna-se
difcil fazer a pas-
sagem para a linha
seguinte; o leitor
perde a linha.
A leitura de linhas
demasiado curtas
provoca movimen-
tos frequentes dos
olhos, que cansam
o leitor.
Organizao
ordem e hierarquia

1 cria um

2 confuso 1 cria um

2 fluxo lgico
4 difcil de
compreender

3 fcil de acompanhar
3 fluxo que
espao em branco

visual
desorganizado permite que o
espao vazio ajude
o olhar a organizar
a informao

o contedo
no respira
Cores
color.adobe.com
3
Dicas
prticas
Use famlias
tipogrficas
pesadas para
amplificar a
mensagem
Use formas para
dar contraste e
destacar o texto
do background
Usando uma
forma para
destacar o texto,
use no texto uma
cor presente na
sua imagem para
dar um efeito de
recorte
Use o recorte na
imagem para que
ela possa atuar
como textura
Deixe o
background
determinar como
alinhar seu texto.
Tipografias tem
personalidade.
Escolha bem
para ter certeza
de passar a
mensagem
correta
Fontes
geomtricas
combinam muito
com serifadas
elegantes
Use blocos de
cor que estejam
presentes na
sua imagem,
para um design
consistente
Use variaes
light e bold para
dar nfase e
impacto
Crie composies
inteligentes, deixe
a imagem guiar
onde colocar o
seu texto
Use uma fonte
em negrito e
estilo sofisticado
com uma fina
sans serif para o
contraste ideal
3
ABNT:
uma
degustao
Citaes
As citaes devem ser indicadas no texto por meio
de um dos dois sistemas de chamada estabelecidos:
Autor-data e Numrico.
Independentemente do sistema pelo qual voc optar, o
importante que ele seja mantido do incio ao fim do
trabalho.
O sistema Autor-data o mais utilizado quando se
trata de trabalhos acadmicos.
Neste sistema, as obras citadas no texto remetem
diretamente lista de Referncias, localizada no final
do trabalho e organizada em ordem alfabtica.
Sistema Autor-data

a) cita-se o autor pelo sobrenome em maisculas,


entre parnteses, seguido do ano de publicao,
separando-os por vrgula.
Ex.: (MARQUES, 2006);

b) quando o nome do autor fizer parte da sentena,


somente a sua inicial ser maiscula e apenas a data
aparecer entre parnteses (seguida da indicao da
pgina, se for o caso).
Ex.: Como diz ainda Alvarenga (1993), [...];
c) para indicar a(s) pgina(s) onde se encontra o
trecho citado, ela(s) deve(m) aparecer depois da data,
separada(s) desta por vrgula e precedida(s) da letra
p.
Ex.: [...] em estabelecimentos de ensino superior.
(LIMA, 1978, p. 10);

d) citaes de obras de um mesmo autor, publicadas


no mesmo ano, devem ser diferenciadas com uma
letra minscula aps a data, sem espao. Esta mesma
diferenciao deve ser mantida nas respectivas
referncias ao final do texto.
Ex.: (VIEIRA, 1997a)
(VIEIRA, 1997b)
e) quando houver coincidncia de sobrenomes de
autores, estes devem ser identificados pelas iniciais
dos respectivos prenomes.

Ex.: (CUNHA, E., 1958)


(CUNHA, O., 1959)

Se mesmo assim a coincidncia persistir, colocam-se


os prenomes por extenso.
(CUNHA, Euclides da, 1965)
(CUNHA, Ernesto da, 1965)
REGRAS GERAIS DE APRESENTAO

A apresentao de citao de documentos varia


segundo o caso:
a) Citao com at trs linhas deve aparecer no texto
entre aspas duplas;
Ex.: A elaborao de um trabalho tcnico, cientfico ou
cultural pressupe a existncia deuma idia [...]. (S,
2000, p. 22)
REGRAS GERAIS DE APRESENTAO

b) Citao com quatro linhas e mais, tambm


designada citao longa, deve vir em pargrafo prprio,
com recuo (a 4cm da margem esquerda, pela rgua do
Word), corpo da letra menor que o do texto, em espao
simples e sem aspas;
Ex.:
Existem trs tipos de organizaes que produzem relatrios
tcnicos nos Estados Unidos: empresas privadas, rgos
governamentais e instituies contratadas pelo governo. Os
relatrios produzidos por empresas privadas que desenvolvem
pesquisa industrial no so normalmente distribudos fora
da companhia, sendo, portanto, os mais difceis de se obter.
(CAMPELLO, 2000, p. 106)
REGRAS GERAIS DE APRESENTAO

d) Para suprimir palavra ou trecho do texto citado,


utilize reticncias entre colchetes, da seguinte forma:
- no incio da sentena: [...]
- no meio de sentena: O estudo de morfologia dos
terrenos [...] ativos.
- no final da sentena: .......................[...]
REGRAS GERAIS DE APRESENTAO - Ilustrao

A indicao do tipo de ilustrao deve aparecer na parte


superior, em corpo 10 ou 11, seguida do respectivo
nmero sequencial em algarismos arbicos, de
travesso e do seu ttulo;
abaixo, tambm em corpo 10 ou 11, espao simples,
deve figurar a indicao da fonte de onde foram
extrados os dados e/ou da legenda e notas, se for o
caso.
Caso voc inclua imagens (fotografias, desenhos,
gravuras etc) no seu texto e que no sejam de uso livre,
dever obter a autorizao de uso de imagem junto ao
fotgrafo/autor.
Figura 20 Carnaval de Maragojipe, BA, 2013

Foto: Eduardo Lubisco (2013).


Caso se trate de imagens j publicadas em outra fonte
informacional, basta indic-la no local apropriado,
lembrando que ela deve constar da lista de referncias.
Figura 21 Guerra de Canudos

Foto: Gaudenzi (1993, p. 3).


https://repositorio.ufba.br
Obrigada!

Você também pode gostar