Editoracao e design - Layout

5,905 views

Published on

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.

Published in: Design

Editoracao e design - Layout

  1. 1. Editoração Eletrônica e Design Gráfico Profa. Amanda Generozoamanda.generozo@aedu.com Publicidade e Propaganda
  2. 2. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOAula 6Layout. Desenvolvimento do grid. Trabalhando sem grid. alinhamento. Arranjo. Escala. Passe partout.JustaposiçãoEmenta: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. PortoAlegre: Bookman, 2009.Bibliografia complementar:Revistas Isto é Dinheiro, Planeta, Meeting & Negócios. 2
  3. 3. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - 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. 4. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - 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. 5. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - elementos na página 5
  6. 6. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - elementos na página 6
  7. 7. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - elementos na página 7
  8. 8. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOArranjo 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. 9. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOArranjo 9
  10. 10. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - 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. 11. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - forma e função 11
  12. 12. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - forma e função 12
  13. 13. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout - forma e função 13
  14. 14. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOApropriaçã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. 15. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOApropriação 15
  16. 16. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOCadavre 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. 17. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOLayout 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. 18. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOEscala 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. 19. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOEscala 19
  20. 20. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOEscala 20
  21. 21. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOOrientaçã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. 22. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOOrientação 22
  23. 23. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOOrientação 23
  24. 24. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOPasse 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. 25. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOPasse partout 25
  26. 26. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOJustaposiçã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. 27. EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICOJustaposição 27
  28. 28. Publicidade e Propagandaamanda.generozo@aedu.com

×