palestra - fundamentos do layout
DESCRIPTION
Aula da disciplina de Computação Gráfica 2 - da UniverCidade - curso de Desenho Industrial (Design) - prof. Luiz AgnerTRANSCRIPT
![Page 1: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/1.jpg)
Fundamentos do Layout
Luiz Agner
![Page 2: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/2.jpg)
• Intuição x Racionalidade• Simetria• Assimetria• Proporção• Equilíbrio• Contraste• Diagonais• Grid• Estilo
Preenchendo o espaço
![Page 3: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/3.jpg)
Proporções
Proporção áurea
![Page 4: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/4.jpg)
Modulor
Le Corbusier
![Page 5: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/5.jpg)
• Forma baseada no eixo central
• Ideais clássicos de Beleza
• Objetivos religiosos e filosóficos
Simetria
![Page 6: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/6.jpg)
SimetriaPoliphilusAldus ManutiusVeneza, 1499
![Page 7: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/7.jpg)
SimetriaRevista
Avant Garde – Herb Lubalin
![Page 8: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/8.jpg)
Simetria
Jean Carlu, 1943
![Page 9: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/9.jpg)
Simetria
Milton Glaser
![Page 10: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/10.jpg)
• Influência oriental: Japão
• Abertura e inter-relacionamento com a natureza
• Não utilização de um centro definido
• Indivíduo como parte do mundo exterior
• Sistema modular: o tatami
Assimetria
![Page 11: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/11.jpg)
Assimetria
Tatami – sistema modular
![Page 12: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/12.jpg)
Assimetria
Mondrian
![Page 13: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/13.jpg)
Assimetria
Jan Tschichold
![Page 14: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/14.jpg)
Assimetria
Paul Rand, EUA
![Page 15: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/15.jpg)
Equilíbrio
• Elemento-chave para o sucesso do design
• Pode ser:– Simétrico– Assimétrico
A. Tolmer: Mise en Page
![Page 16: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/16.jpg)
Equilíbrio
Saul Bass
![Page 17: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/17.jpg)
Equilíbrio
Herbert Matter, 1935
![Page 18: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/18.jpg)
Equilíbrio
Miran, Brasil Istvan Orosz
![Page 19: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/19.jpg)
Contraste
• Claro-escuro
• Cores
• Tamanho
• Formas
• Sentimentos
![Page 20: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/20.jpg)
Contraste
Herbert Matter, 1935
![Page 21: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/21.jpg)
Contraste
Herbert Matter, 1935
![Page 22: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/22.jpg)
Contraste
Milton Glaser
![Page 23: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/23.jpg)
Contraste
Bradbury Thompson, EUA
![Page 24: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/24.jpg)
Contraste
Bradbury Thompson, EUA
![Page 25: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/25.jpg)
Contraste
Bradbury Thompson
![Page 26: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/26.jpg)
Contraste
Cuba
![Page 27: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/27.jpg)
Perspectiva
![Page 28: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/28.jpg)
Perspectiva
![Page 29: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/29.jpg)
Isometria
![Page 30: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/30.jpg)
Isometria
![Page 31: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/31.jpg)
Isometria
![Page 32: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/32.jpg)
Grid
Le Corbusier
![Page 33: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/33.jpg)
Grid
Le Corbusier
![Page 34: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/34.jpg)
Diagonais
![Page 35: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/35.jpg)
Diagonais
Herbert Bayer - Bauhaus
![Page 36: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/36.jpg)
Diagonais
Jean Carlu
![Page 37: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/37.jpg)
Diagonais
Paul Rand, EUA
![Page 38: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/38.jpg)
Trilogia
Capa de Herbert Bayer, 1968 – para a Bauhaus
Explorada porPaul Klee - Na Bauhaus
![Page 39: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/39.jpg)
Formas orgânicas
Hans Arp
![Page 40: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/40.jpg)
Formas orgânicas
Hans Arp
![Page 41: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/41.jpg)
Formas orgânicas
Joan Miró
![Page 42: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/42.jpg)
Formas orgânicas
Oscar Niemeyer
![Page 43: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/43.jpg)
Símbolos
![Page 44: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/44.jpg)
Ponto focal
Bradbury Thompson, EUA
![Page 45: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/45.jpg)
Ponto focal
Herbert Matter, 1935
Funciona como âncora visual:
- Isolamento- Desproporção- Incongruência- Formato diferente- Foco seletivo
![Page 46: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/46.jpg)
Movimento do olhar
Controle da sequência visual através de:- Texto- Imagem
![Page 47: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/47.jpg)
Movimento do olhar
Milton Glaser
![Page 48: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/48.jpg)
Movimento do olhar
Bradbury Thompson, EUA
![Page 49: Palestra - Fundamentos do Layout](https://reader035.vdocuments.us/reader035/viewer/2022070321/558c0e9bd8b42aa2338b4665/html5/thumbnails/49.jpg)
Fique ligado: