Editoracao e design - Layout

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.


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)


4


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


5



6



7



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.


9

Arranjo


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.


11



12



13



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.


15

Apropriação


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.


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.


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.


19

Escala


20

Escala


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.


22

Orientação


23

Orientação


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.


25

Passe partout


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.


27

Justaposição

Publicidade e Propaganda [email protected]