7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 1/31
Conceitos básicos de Design EditorialEDITORAÇÃO ELETRÔNICA
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 2/31
O que é uma página?
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 3/31
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l PÁGINAS
Página é um espaço, físico ou não, destinado a
apresentar imagens e textos com o intuito de ilustrar
ou informar determinado contexto / assunto Gavin Ambrose
Fonte: Layout: Paul Harris e Gavin Ambrose
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 4/31
Qual a real finalidade das páginas?
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 5/31
PÁGINAS - FINALIDADE• Ilustrar: levar conhecimento subjetivo ou objetivo de maneira a inserir o leitor
em um meio imaginário ou não.
• Informar: transmitir conhecimento sobre determinado assunto de maneira clara
e objetiva permitindo o leitor ter acesso a informação, atual / cotidiana ou
histórica.
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i
t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
Fonte: Layout: Paul Harris e Gavin Ambrose
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 6/31
E o que é layout ou leiaute?
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 7/31
PÁGINAS - LAYOUT
E D I T O R A Ç
à O E
L E T R Ô
N I C A
O layout é utilizado para controlar e ordenar a
informação. Além disso, o layout é usado para dar
suporte à criatividade Gavin Ambrose
Fonte: Layout: Paul Harris e Gavin Ambrose
C o n c e i
t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 8/31
PÁGINAS - IMPOSIÇÃO
E D I T O R A Ç
à O E
L E T R Ô
N I C A
É o arranjo das páginas na sequência e na posição
em que elas serão impressas antes de serem
cortadas, dobradas e refiladas. Gavin Ambrose
Fonte: Layout: Paul Harris e Gavin Ambrose
É uma série de miniaturas
de todas as páginas da publicação.
Poder de tomada de decisão com
relação ao acabamento e tipo de impressão.
C o n c e i
t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 9/31
Trabalhando com páginas
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 10/31
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i
t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l SEÇÃO ÁUREA
• Serve como base para os tamanhos do papel.
• Visa criar “desenhos” de páginas equilibradas.
• Na antiguidade, a seção áurea era vista como uma maneira de representar
proporções universalmente belas.
(a) Para formar uma seção áurea, pegue um quadrado e seccione-o ao meio (b); crie um triângulo isósceles (c);
extenda um arco do ápice do triângulo até a linha da base (d); desenhe um linha perpendicular à linha de base do
ponto em que o arco a intersecciona e complete o retângulo (e)
Fonte: Layout: Paul Harris e Gavin Ambrose
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 11/31
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l ELEMENTOS NA PÁGINA
COLUNAS
• Área ou campo em que o texto flui de modo que o conteúdo seja apresentado
de maneira organizada.
CABEÇALHOS
• Linhas repetidas de textos que aparecem em cada página de uma seção oucaderno. Normalmente fica no topo da página, embora possível de ser disposto na
lateral ou na parte inferior da página.
MARGENS• Espaço vazio em volta do bloco de texto. Usualmente a margem interna é a
mais estreita e a inferior mais larga.
Fonte: Layout: Paul Harris e Gavin Ambrose
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 12/31
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
FÓLIOS OU NÚMEROS DE PÁGINA
• Tradicionalmente posicionados na borda externa da margem inferior. Pode-se
encontrá-los centralizados.
IMAGENS
• Tendem sempre a seguir o alinhamento das colunas. Imagens criam elementosde completo ao conteúdo textual, podendo ou não interferir no ritmo do texto.
Fonte: Layout: Paul Harris e Gavin Ambrose
ELEMENTOS NA PÁGINA
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 13/31
Fólios
Colunas
Cabeçalho
Margens
Imagens
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 14/31
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 15/31
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 16/31
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 17/31
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 18/31
Sistema de Grid
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 19/31
SISTEMA DE GRID
Um Grid é um conjunto
específico de relações de
alinhamento que funcionam
como guias para a
distribuição dos elementos
numa página.
Timothy Samara
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
C o n c e i t o s b á s i c o s d e
D e s i g n
E d i t o r i a l
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 20/31
SISTEMA DE GRID - FUNÇÕES
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
CLAREZA
• O grid é utilizado para organizar as informações a fim de obter o máximo declareza na transmissão de informação
EFICIÊNCIA
• Por se tratar de orientações visuais, o Grid torna a distribuição das informações
mais eficiente. O Grid não é regra e sim um diagrama que orienta a página.
ECONOMIA
• O fluxo de montagem se torna mais simples e assim poupa-se tempo na
montagem das páginas.
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 21/31
SISTEMA DE GRID - FUNÇÕES
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
UNIDADE
• Padrões visuais ajudam a mente humana a absorver melhor as informações.
RITMO
• É utilizado de acordo com o tipo de informação: se é contínua o ritmo é
horizontal, se é descontínua o ritmo utilizado é o vertical.
HIERARQUIA
• O Grid ajuda a posicionar melhor os elementos mais importantes em um layout.
Pode-se reservar espaço maiores para elementos que merecem destaque.
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 22/31
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 23/31
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 24/31
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 25/31
SISTEMA DE GRID - FUNDAMENTOS
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
COLUNAS
• São alinhamentos verticais que criam divisões horizontais entre as margens.Podem possuir larguras diferentes de acordo com informações específicas.
MÓDULOS
• São unidades individuais de espaço separadas por intervalos regulares que,
repetidas no formato da página, criam colunas e faixas horizontais.
MARCADORES
• São indicadores de localização para textos secundários ou contantes, como
cabeçalhos, nomes de seções, fólios ou qualquer tipo de informação que ocupe
sempre a mesma posição na página.
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 26/31
SISTEMA DE GRID - FUNDAMENTOS
E D I T O R A Ç
à O E
L E T R Ô
N I C A
C o n c e i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
ZONAS ESPACIAIS
• São grupos de módulos que, juntos, formam campos distintos. Cada campopode receber uma função específica ao apresentara informação.
FLOWLINES
• São alinhamentos que quebram o espaço em faixas horizontais. Ajudam a
orientar os olhos no formato e podem ser usadas para criar novos pontos de
partida ou pausas para texto e imagem
MARGENS
• Espaços negativos entre o limite do formato e o conteúdo.
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 27/31
Colunas
Módulos
Zonas espaciais
Guias horizontais
Margens
Marcadores
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 28/31
TIPOS DE GRID
E D I T O R A Ç
à O E
L E T R Ô
N I C A
• Retangular
É uma estrutura maissimples. Uma grande área
retangular que ocupa maior
parte da página.
É utilizado para acomodar
um longo texto corrido.
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
C o n c e
i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 29/31
TIPOS DE GRID
E D I T O R A Ç
à O E
L E T R Ô
N I C A
• Colunas
Organização em colunasverticais e ideal para
informações descontínuas.
De maneira geral a
distância entrecolunas
recebe a metade da medida
das margens.
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
C o n c e
i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 30/31
TIPOS DE GRID
E D I T O R A Ç
à O E
L E T R Ô
N I C A
• Modular
Grid simétrico baseado em“quadrados” espaçados de
maneira uniforme.
Possui grande flexibilidade
quanto ao posicionamento
vertical dos textos e uso de
diferentes tamanhos de
imagens.
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
C o n c e
i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
7/27/2019 03. Conceitos básicos de Design Editorial
http://slidepdf.com/reader/full/03-conceitos-basicos-de-design-editorial 31/31
TIPOS DE GRID
C o n c e
i t o s b á s i c o s d e
D e s i g
n
E d i t o r i a l
E D I T O R A Ç
à O E
L E T R Ô
N I C A
• Hierárquico
São Grids que se adaptamàs exigências da
informação, mas se baseiam
numa disposição intuitiva
dos alinhamentos seguindoa proporção dos elementos.
Fonte: Grid - Construção e Desconstrução, Timothy Samara.
Top Related