Layout e Tipografia

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

02-layoutweb.pdf
PROJETO GRÁFICO PARA JORNALISMO
IMPRESSO I
Layout:
Layout:
Disposição de elementos de texto e imagens 
em um design.
A maneira como esses elementos são 
posicionados, tanto um em relação ao outro 
quanto no projeto como um todo.
O layout pode ajudar ou impedir a recepção 
das informações apresentadas em um 
projeto. 
Layouts criativos agregam valor e elegância 
a uma peça, enquanto layouts contidos e 
sutis permitem que o conteúdo brilhe 
sozinho.
O layout é o arranjo de elementos de um 
design em relação ao espaço que eles 
ocupam e em conformidade com um esquema 
estético geral. Também podemos chamá-lo de 
gestão de forma e do espaço. O objetivo 
principal do layout é apresentar os 
elementos textuais e visuais de uma forma 
que o leitor os receba com o mínimo de 
esforço. Como um bom layout, o leitor pode 
navegar por informações bastante 
complexas, tanto na mídia impressa como na 
eletrônica.
O layout aborda os aspectos práticos e 
estéticos de um projeto, por exemplo, onde e 
como o conteúdo será visto.
Revista
Site
Imagem televisiva
Embalagem
Regra de ouro:
O conteúdo vem sempre em primeiro lugar.
Grid, estrutura, hierarquia e medidas.
Grid
Meio de dispor e relacionar os elementos de 
um design para facilitar as tomadas de 
decisões. 
Grid centralizado.
Imagens sangradas ou Passe-partout 
Grid centralizado.
Grid Simétrico: onde a página par é uma 
imagem espelhada da página ímpar.
Resulta em duas margens internas e 
externas iguais.
Grid Simétrico
Grid Assimétrico
Mantem a uniformidade geral do design
Grid Simétrico - Baseado em colunas
Grid Assimétrico - Baseado em módulos
Grid Assimétrico 
Hierarquia:
Um guia lógico, organizado e visual dos 
títulos que acompanham o corpo de texto. 
Indica níveis variados de importância por 
meio do tamanho de corpo e ou estilo.
Hierarquia:
Ponto de entrada
É um apoio visual que indica por onde 
começar a leitura. 
Em jornais: Conteúdo separado em partes 
diferentes; sem essa separação o conteúdo 
seria denso demais e muito difícil de ser lido. 
Ponto de entrada
Grid:
Este grid simétrico de três 
colunas emprega duas colunas 
para o corpo do texto e uma 
coluna externa é utilizada para 
os comentários.
Hierarquia:
A hierarquia é 
mantida pela 
variedade de 
estilo tipográfico.
Margem:
A margem inferior é 
maior que a margem
Fólio:
Posicionados na 
borda externa da 
margem inferior
Imagem:
Posicionada na base 
estendendo ao longo 
das colunas de texto
Atividade: escolher e trazer 17/08 uma 
matéria em revista e uma matéria em jornal.
layout1708.pdf
PROJETO GRÁFICO PARA JORNALISMO
IMPRESSO I
Em um cenário em que a produção e 
veiculação de dados é imensa, com diversas 
formas de representação, se torna 
necessário refletir sobre o consumo de 
informação e como ela é apresentada para o 
usuário.
A importância do Visual:
Sabemos que a informação visual é a forma 
mais efetiva de comunicação. “A visão é, de 
longe, o nosso sentido mais dominante, 
ocupando metade dos recursos do nosso 
cérebro” (Medina, 2008). Estudos indicam 
que entre 50 e 80 por cento do cérebro 
humano é dedicado ao processamento visual 
(Krum, 2013). Nossa habilidade natural de 
enxergar padrões visuais nos permite 
receber a informação de um infográfico 
claramente.
A importância do Visual:
As pessoas se lembram de figuras mais do 
que de palavras. Esse efeito de superioridade 
de uma figura, dentro de um conjunto com 
outros elementos, permite que um infográfico 
possa fixar sua mensagem com mais 
eficácia.
A importância do Visual:
Tipografia24-08web.pdf
O estudo dos Tipos
No século XVI o termo tipografia era sinônimo de impressão
“Uma definição mais atual e ampla a coloca como um 
conjunto de práticas subjacentes relacionadas à criação e 
utilização de letras, números, sinais de pontuação, etc. 
para fins de reprodução”
A evolução da escrita está associada a evolução humana. 
Passou da representação figurativa para a abstração das 
letras.
Origem:O estudo dos Tipos
Origem:
Prensa de Gutenberg
Caixa alta e 
caixa baixa.
O estudo dos Tipos
Renascimento e humanismo.
Itálicas
Melhor aproveitamento
do espaço
Origem:O estudo dos Tipos
Tipos em cobre permite linhas finas e esculpidas
Baskerville: utilizava tinta 
própria e passava as 
páginas após a impressão
1743
George Bickham
Fontes romanas 
e manuscritas 
curvas
Origem:O estudo dos Tipos
Fontes monstruosas
Distorção do alfabeto 1830
Origem:O estudo dos Tipos
Alguns designers consideram a distorção 
do alfabeto grosseira e imoral
Edward Johnston 1906
Designer como intelectual
distante do comércio
Origem:O estudo dos Tipos
Digital.
Wim Crouwel-
Alfabeto com linhas para 
exibição no vídeo.
Origem:O estudo dos Tipos
Digital.
Zuzana Licko
Fontes para tela e impressoras de baixa resolução
Origem:O estudo dos Tipos
Os estilos são organizados por características visuais.
Período histórico
Renascentistas ( séc. XV ), Românticas ( século XVIII ), 
Realistas ( séc. XIX )
Morfologia
Sem serifa, Serifa triangular, Serifa em filete e Serifas
quadradas
O estudo dos Tipos Estilos:
Romano
Egípcio
Gótico
Etrusco
Manuscrito
Fantasia
Romano
Deve ser usado
para compor textos longos,
como em jornais.
Romano
Egípcio
Contraste fino, 
têm um alto grau de 
legibilidade
Egípcio
Gótico
Desenho rebuscado de 
difícil leitura. Ainda comum
em textos religiosos
Gótico
Etrusco
São chamadas de fontes 
bastonadas as fontes que 
não apresentam serifa. 
Manuscrito
São chamadas de fontes 
script as fontes que parecem
ter sido escritas à mão.
Fantasia
As fontes fantasia, também 
chamadas de decorativa.
Fonte Serifadas
serifa
Fonte Bastonada Fonte Bastonada
Fonte Bastonada
Fonte script
Fonte fantasia
Fonte fantasia