03. Conceitos básicos de Design Editorial

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



O que é uma página?



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



Qual a real finalidade das páginas?



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




E o que é layout ou leiaute?



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


C o n c e i


D e s i g

n

E d i t o r i a l



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


É 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


D e s i g

n

E d i t o r i a l



Trabalhando com páginas



E D I T O R A Ç

Ã O E

L E T R Ô

N I C A

C o n c e i


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)




E D I T O R A Ç

Ã O E

L E T R Ô

N I C A


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.




E D I T O R A Ç

Ã O E

L E T R Ô

N I C A


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.


ELEMENTOS NA PÁGINA



Fólios

Colunas

Cabeçalho

Margens

Imagens











Sistema de Grid



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.


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


D e s i g

n

E d i t o r i a l



SISTEMA DE GRID - FUNÇÕES

E D I T O R A Ç

Ã O E

L E T R Ô

N I C A


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.




SISTEMA DE GRID - FUNÇÕES

E D I T O R A Ç

Ã O E

L E T R Ô

N I C A


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.










SISTEMA DE GRID - FUNDAMENTOS

E D I T O R A Ç

Ã O E

L E T R Ô

N I C A


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.




SISTEMA DE GRID - FUNDAMENTOS

E D I T O R A Ç

Ã O E

L E T R Ô

N I C A


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.




Colunas

Módulos

Zonas espaciais

Guias horizontais

Margens

Marcadores



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.


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



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.


C o n c e


D e s i g

n

E d i t o r i a l



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.


C o n c e


D e s i g

n

E d i t o r i a l



TIPOS DE GRID

C o n c 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.


Documents

03. Conceitos básicos de Design Editorial