Elementos fundamentais do layout impresso [ PARTE 1...

47
Prof. Ms. Paulo Alves de Lima Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor. Conceito, composição, equilíbrio, forma e cor. Elementos fundamentais do layout impresso [ PARTE 1 ]

Transcript of Elementos fundamentais do layout impresso [ PARTE 1...

Page 1: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Conceito,composição, equilíbrio,

forma e cor.

Elementos fundamentaisdo layout impresso

[ PARTE 1 ]

Page 2: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

SÍNTESECONCEITO IMAGEM

EQUILÍBRIO

ADEQUAÇÃO

PALAVRAS

PESQUISA COR

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 3: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo
Page 4: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

1912, Max Wertheimer:• O olhar é uma experiência criativa.• Ver é diferente de olhar.

GESTALT

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 5: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

“...Não se vê, sente ou percebe em isolamento – a percepção está sempre ligada ao comportamento e ao movimento, à busca e à exploração do mundo. Ver não é suficiente, é preciso olhar também...”

SACKS, Oliver W, Um antropólogo em Marte: sete histórias paradoxais, 4. ed.,São Paulo, Companhia das Letras, 1995, p. 132.

VER

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 6: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

GESTALT

Rick GriffinCartaz para o show de Chuck Berry (1967)

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 7: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

GESTALT

Sergio MoctezumaCartaz para o show de James Brown (2009)

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 8: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Todo layout deve conter uma intenção, uma idéia, um projeto, uma razão para a presença de cada elemento gráfico e textual, um conceito que justifique o resultado apresentado.

CONCEITO

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 9: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Campanha “Think Small”Estados Unidos anos 50/60

Robert Levenson (redator)Helmut Krone (Diretor de arte)

CONCEITOProf. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 10: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Campanha “Think Small”Estados Unidos anos 50/60

Robert Levenson (redator)Helmut Krone (Diretor de arte)

CONCEITOProf. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 11: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

CONCEITO

Criação de Milton GlaserPoster para Bob Dylan (1967)

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 12: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Todos os elementos textuais possuem duas camadas de significação, um semântica que diz respeito ao sentido, ao significado da palavra e outra gráfica que diz respeito ao desenho das letras, palavras e frases e seu valor estético.

PALAVRAS

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 13: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

PALAVRAS

Logomarca de Herb Lubalin

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 14: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

PALAVRAS

Logomarca de Herb Lubalin

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 15: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

PALAVRAS

Logomarca de Herb Lubalin

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 16: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

PALAVRAS

Logomarca de Herb Lubalin

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 17: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

PALAVRAS

Campanha para a CBS “Quem ri por último ri melhor” Direção de arte de Lou Dorfsman

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 18: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Composição, equilíbrio, forma e cor.

As imagens assim como as palavras também possuem várias camadas de significação, uma relacionada a seu significado evidente e outra decorrente de sua forma gráfica e de seu diálogo com o layout, com a mensagem e com o conceito.

IMAGEM

Page 19: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Criação de Milton GlaserExposição de obras

IMAGEMProf. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 20: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

IMAGEM

Anúncio de jornal para canal CBS para série“Of Black America”

Direção de arte de Lou Dorfsman

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 21: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

IMAGEM

Cartaz de El Lissitisky para governo soviético

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 22: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

IMAGEM

Cartaz para o laboratório Parke Davis criado por Richard Bergeron

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 23: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

IMAGEM

Cartazpara o remake

do filme “O Informante” Layout de Saul Bass

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 24: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

IMAGEMProf. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 25: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Equilíbrio em design gráfico não significa necessariamente proporcionalidade, antes disso é a forma como os elementos textuais e iconográficos se equilibram, muitas vezes o equilíbrio se constrói com tensão e desproporção.

EQUILÍBRIO

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 26: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

EQUILÍBRIO

Ilustração de Saul Bass para Tylon Products

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 27: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

EQUILÍBRIO

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Composição, equilíbrio, forma e cor.

Carlo Vivarelli

Page 28: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

EQUILÍBRIO

Cartaz de El Lissitisky para Pelykan (Anos 20)

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 29: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

EQUILÍBRIO

HERBERT MATTER PONTRESINA 1935

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 30: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

EQUILÍBRIO

LASLO NOHOLY NAGY

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 31: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Composição, equilíbrio, forma e cor.

Avaliar a psicologia das cores, suas relações,seu equilíbrio, suas interações.

COR

Page 32: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

COR E SEU CONTEXTO

O CONTRASTE DE VALOR

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 33: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

SISTEMAS ADITIVO

RGB

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 34: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

SISTEMAS ADITIVO

1877 1º Foto colorida de Louis Ducos du Hauron, França

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 35: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

SISTEMAS SUBTRATIVO

CMYK

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 36: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

SISTEMAS SUBTRATIVO

Uma das primeiras impressões em CMYK

(USA) 1902.

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 37: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

SISTEMAS SUBTRATIVOProf. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 38: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Todo layout deve ser capaz de responder ao briefing oferecendo uma resposta dentro de um contexto estético/conceitual adequado ao desafio proposto.

ADEQUAÇÃO

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 39: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

ADEQUAÇÃO

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 40: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

ADEQUAÇÃO

Layout de Saul Bass

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 41: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

ADEQUAÇÃO

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Layout de Saul Bass

Page 42: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

As fontes ou tipos de um layout devem sempre fazer sentido, contribuir para o conceito estético geral do trabalho, da peça impressa.

TIPOS

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 43: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

ORIGENS

Escrita cuneiforme Mesopotâmia (Atual Iraque)

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 44: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

ORIGENSProf. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Transcricão de escrita cuneiforme Mesopotâmia (Atual Iraque)

Page 45: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

FAMÍLIAS TIPOGRÁFICAS

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

FONTES RETAS OU LISAS

FONTES SERIFADAS

FONTES FANTASIA

Page 46: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

Criação não se faz apenas de inspiração, é preciso pesquisar, estudar, pensar, testar, duvidar e depois , estudar, pensar, testar, duvidar e depois , estudar, pensar, testar, duvidar...

PESQUISA

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.

Page 47: Elementos fundamentais do layout impresso [ PARTE 1 ]garagedigital.com.br/SITE/wp-content/uploads/2012/05/FUNDAMENTOS... · Cartaz para o show de Chuck Berry (1967) Prof. Ms. Paulo

BIBLIOGRAFIA FUNDAMENTAL

LAYOUT: O design da página impressa - Allen Hurlburt

Prof. Ms. Paulo Alves de Lima

Elementos fundamentais do layout impresso: Conceito, composição, equilíbrio, forma e cor.