Editoracao e design - Layout
- 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