editoracao e design - layout
DESCRIPTION
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.TRANSCRIPT
Editoração Eletrônica e Design Gráfico
Profa. Amanda Generozo [email protected]
Publicidade e Propaganda
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
2
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
3
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)
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
4
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
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
5
Layout - elementos na página
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
6
Layout - elementos na página
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
7
Layout - elementos na página
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
8
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
9
Arranjo
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
10
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
11
Layout - forma e função
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
12
Layout - forma e função
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
13
Layout - forma e função
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
14
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
15
Apropriação
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
16
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
17
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
18
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
19
Escala
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
20
Escala
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
21
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
22
Orientação
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
23
Orientação
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
24
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
25
Passe partout
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
26
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.
EDITORAÇÃO ELETRÔNICA E DESIGN GRÁFICO
27
Justaposição
Publicidade e Propaganda [email protected]