Com textos extraídos do livro Layout : s.m. um arranjo de partes etc. de acordo com um plano, esta aula trata dos princípios básicos do design e sua aplicação à criação publicitária.

1. Editoração Eletrônica
e Design Gráfico
Profa. Amanda Generozo
amanda.generozo@aedu.com
Publicidade e Propaganda

2. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Aula 6
Layout. Desenvolvimento do grid. Trabalhando sem grid. alinhamento. Arranjo. Escala. Passe partout.
Justaposição
Ementa:
Princípios de layout e design gráfico.
Conteúdo programático:
A Força Visual dos blocos de leitura na página.
A hierarquia visual e o entendimento da mensagem.
LAYOUT. Princípios do Design Gráfico.
Bibliografia básica:
AMBROSE, Gavin. Layout : s.m. um arranjo de partes etc. de acordo com um plano. 1ª ed. Porto
Alegre: Bookman, 2009.
Bibliografia complementar:
Revistas Isto é Dinheiro, Planeta, Meeting & Negócios.
2

3. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - elementos na página
O layout organiza os principais componentes de uma
página, texto e imagem, de forma que comuniquem a
mensagem com eficácia ao leitor. A capacidade de
comunicação de um design é influenciada pela posição
do texto e das imagens em relação a outros elementos,
como o ponto focal da página, o alinhamento do texto e
a maneira como o espaço em branco é tratado.
(Gavin Ambrose, 2009)
3

4. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - elementos na página
Uma disposição compacta dos elementos pode dar
ao design um ritmo mais frenético, já a inclusão
de espaços em branco pode produzir maior tranquilidade.
(Gavin Ambrose, 2009)
“Alcança-se a perfeição não quando nada precisa ser
adicionado, mas quando nada precisa ser removido”
Antonie de Saint-Exupéry
4

5. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - elementos na página
5

6. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - elementos na página
6

7. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - elementos na página
7

8. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Arranjo
Os diferentes elementos que compõem um design,
especialmente texto e imagem, podem ser tratados
como componentes separados, organizados na página
com distinções claras entre si.
Eles também podem ser articulados para formar uma
apresentação fluida.
A articulação de imagem e texto é utilizada para
controlar o ritmo do design.
8

9. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Arranjo
9

10. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - forma e função
A forma que o layout de um trabalho assume é guiada
pela função do projeto, as ideias e informações que é
preciso comunicar, o meio em que isso é feito e o
segmento de público.
Embora os princípios de layout possam ser utilizados
para alcançar um alto grau de criatividade, seu objetivo
é funcional: criar um design bem-equilibrado que
apresente claramente a mensagem a ser comunicada.
10

11. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - forma e função
11

12. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - forma e função
12

13. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout - forma e função
13

14. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Apropriação
Apropriação é o empréstimo de um estilo, usado
tipicamente em outro lugar, como referência para um
projeto. Pode ser utilizado simplesmente por razões
estéticas, ou ir além, buscando emprestar características
que se associam à fonte apropriada.
14

15. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Apropriação
15

16. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Cadavre exquis
Cadavre exquis é a técnica surrealista que explora o
acaso na produção de palavras ou imagens.
Esta técnica é utilizada pelos designers, no entanto,
os elementos são selecionados ou formados
deliberadamente para que sejam compatíveis com a
mensagem.
16

17. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Layout
Uma função-chave do layout é deixar os elementos,
especialmente as imagens, realizar as tarefas para as
quais foram selecionados. As imagens dão
dramaticidade e emoção a um projeto, mas a maneira
como elas se comunicam com o receptor depende de
como são apresentadas.
17

18. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Escala
Escala é a terminologia do design que refere-se ao
tamanho de imagens e textos.
Uma imagem em grande escala domina a página e é o
foco de atenção.
• A escala grande demais pode gerar sensação de
asfixia.
• Em uma escala muito pequena, informações podem
se ignorada ou passar despercebidas.
18

19. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Escala
19

20. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Escala
20

21. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Orientação
Orientação refere-se ao plano ou à direção em que os
elementos de um design são organizados.
Normalmente, textos e imagens são organizados para
visualização horizontal, da esquerda para a direita.
Outras orientações, como vertical ou diagonal, são
utilizadas por razões estéticas e obrigam o leitor a
adaptar-se à leitura. Este recurso do design pode
estimular o leitor a prestar mais atencão ou pode ter
efeito oposto e fazer com que ele perca o interesse.
21

22. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Orientação
22

23. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Orientação
23

24. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Passe partout
Historicamente, a terminologia passe partout refere-se
ao papel cartão colocado entre a figura e o vidro em
uma moldura.
Tecnicamente, o termo é aplicado às bordas brancas
ou ao espaço em branco em torno dos limites de uma
página ou elemento gráfico.
24

25. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Passe partout
25

26. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Justaposição
É o posicionamento deliberado de imagens
visualmente contrastantes, lado a lado.
No design, a justaposição pode ser utilizada para
apresentar duas ou mais ideias a fim de sugerir uma
relação entre elas.
A justaposição pode implicar em semelhança –
demostrando uma conexão entre duas imagens
(complementação, consequência, sequência) – ou
completa diferença – contraste conceitual.
26

27. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
Justaposição
27

28. Publicidade e Propaganda
amanda.generozo@aedu.com