Você está na página 1de 31

EDITORAÇÃO ELETRÔNICA

Conceitos básicos de Design Editorial


O que é uma página?
Conceitos básicos de Design Editorial
PÁGINAS
EDITORAÇÃO ELETRÔNICA

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


Qual a real finalidade das páginas?
Conceitos básicos de Design Editorial PÁGINAS - FINALIDADE
EDITORAÇÃO ELETRÔNICA

• 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.

Fonte: Layout: Paul Harris e Gavin Ambrose


E o que é layout ou leiaute?
Conceitos básicos de Design Editorial PÁGINAS - LAYOUT
EDITORAÇÃO ELETRÔNICA

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


Conceitos básicos de Design Editorial PÁGINAS - IMPOSIÇÃO
EDITORAÇÃO ELETRÔNICA

É 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

É 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.

Fonte: Layout: Paul Harris e Gavin Ambrose


Trabalhando com páginas
Conceitos básicos de Design Editorial SEÇÃO ÁUREA
EDITORAÇÃO ELETRÔNICA

• 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


Conceitos básicos de Design Editorial ELEMENTOS NA PÁGINA
EDITORAÇÃO ELETRÔNICA

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 ou
caderno. 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


Conceitos básicos de Design Editorial ELEMENTOS NA PÁGINA
EDITORAÇÃO ELETRÔNICA

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 elementos
de completo ao conteúdo textual, podendo ou não interferir no ritmo do texto.

Fonte: Layout: Paul Harris e Gavin Ambrose


Cabeçalho

Colunas

Imagens

Fólios

Margens
Sistema de Grid
Conceitos básicos de Design Editorial
SISTEMA DE GRID
EDITORAÇÃO ELETRÔNICA

Um Grid é um conjunto
específico de relações de

Conceitos básicos de Design Editorial


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.


Conceitos básicos de Design Editorial
SISTEMA DE GRID - FUNÇÕES
EDITORAÇÃO ELETRÔNICA

CLAREZA
• O grid é utilizado para organizar as informações a fim de obter o máximo de
clareza 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.


Conceitos básicos de Design Editorial
SISTEMA DE GRID - FUNÇÕES
EDITORAÇÃO ELETRÔNICA

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.


Conceitos básicos de Design Editorial
SISTEMA DE GRID - FUNDAMENTOS
EDITORAÇÃO ELETRÔNICA

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.


Conceitos básicos de Design Editorial
SISTEMA DE GRID - FUNDAMENTOS
EDITORAÇÃO ELETRÔNICA

ZONAS ESPACIAIS
• São grupos de módulos que, juntos, formam campos distintos. Cada campo
pode 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.


Margens

Guias horizontais

Colunas

Módulos
Zonas espaciais

Marcadores
TIPOS DE GRID
EDITORAÇÃO ELETRÔNICA
Conceitos básicos de Design Editorial

• Retangular
É uma estrutura mais
simples. 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.


TIPOS DE GRID
EDITORAÇÃO ELETRÔNICA
Conceitos básicos de Design Editorial

• Colunas
Organização em colunas
verticais 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.


TIPOS DE GRID
EDITORAÇÃO ELETRÔNICA
Conceitos básicos de Design Editorial

• 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.


TIPOS DE GRID
EDITORAÇÃO ELETRÔNICA
Conceitos básicos de Design Editorial

• Hierárquico
São Grids que se adaptam
às exigências da
informação, mas se baseiam
numa disposição intuitiva
dos alinhamentos seguindo
a proporção dos elementos.

Fonte: Grid - Construção e Desconstrução, Timothy Samara.