Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2
-
Upload
fabio-goncalves -
Category
Education
-
view
249 -
download
1
Transcript of Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2
![Page 1: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/1.jpg)
Composiçãoe Projeto Gráfico
![Page 2: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/2.jpg)
Designfundamentos básicosfundamentos básicos
Aula II/II
![Page 3: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/3.jpg)
O design gráfico é um processo técnico e criativo que utiliza imagens e textos para comunicar mensagens, idéias e conceitos, com objetivos comerciais ou de fundo social.
ADG
![Page 4: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/4.jpg)
Notas iniciais aos alunos I
Os slides são feitos para dar um auxílio em sala de aula e não pretendem substituir a leitura dos livros mencionados na bibliografia básica.
É fundamental que as obras sejam vistas e estudadas mais profundamente se vocês desejam realmente aprender.
![Page 5: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/5.jpg)
Notas iniciais aos alunos II
Fundamentos básicos do design reúne alguns dos fundamentos mencionados por Ellen Lupton e Jenifer Cole Phillips no livro Novos Fundamentos do Design e questões relacionadas ao Grid feitas por Timothy Samara em sua obra Grid: Construção e Desconstrução.
Ellen Lupton elenca 16 fundamentos em sua obra, mas abordaremos apenas 7 em aula. Trata-se de uma adaptação livre do professor com o objetivo de dar as bases mais fundamentais de composição e projetos visuais
![Page 6: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/6.jpg)
ponto, linha e plano ritmo e equilíbrio
escala hierarquia
transparência padronagem
grid
aula
1au
la 2
![Page 7: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/7.jpg)
hierarquia4
![Page 8: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/8.jpg)
a hierarquia também é uma necessidade humana
![Page 9: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/9.jpg)
normalmente
associadaa
patentes
![Page 10: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/10.jpg)
é expressada por um sistema nominal
![Page 11: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/11.jpg)
e sua expressão visual?
![Page 12: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/12.jpg)
maiormenor
![Page 13: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/13.jpg)
e s p a ç o
![Page 14: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/14.jpg)
posição
![Page 15: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/15.jpg)
cor e tonalidade
![Page 16: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/16.jpg)
expressar uma ordem é tarefa essencial de alguém que se dispõe a fazer um projeto visual
um designer
![Page 17: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/17.jpg)
![Page 18: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/18.jpg)
![Page 19: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/19.jpg)
David Carson | The Magazine Factory, London.2013.
![Page 20: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/20.jpg)
tag cloud
![Page 21: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/21.jpg)
![Page 22: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/22.jpg)
![Page 23: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/23.jpg)
transparência5
![Page 24: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/24.jpg)
a transparência pressupõe a camada
![Page 25: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/25.jpg)
o que isso significa?
![Page 26: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/26.jpg)
![Page 27: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/27.jpg)
tudo ao nosso redor está em alguma "camada"
![Page 28: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/28.jpg)
Jeremy Botts
![Page 29: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/29.jpg)
na composição visual também
![Page 30: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/30.jpg)
temos a transparência gráfica
![Page 31: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/31.jpg)
camadas sobrepostas de linhas, formas, texturas ou letras
![Page 32: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/32.jpg)
![Page 33: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/33.jpg)
David Carson
![Page 34: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/34.jpg)
David Carson
![Page 35: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/35.jpg)
padronagem6
![Page 36: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/36.jpg)
o ornamento está presente em toda a história da humanidade
![Page 37: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/37.jpg)
praticamente todas as culturas usam ou usaram de alguma forma
![Page 38: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/38.jpg)
a moda é um dos maiores condutores
![Page 39: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/39.jpg)
uso de elementos
com padrões
uso de padrões
como ornamento
base no tecido
![Page 40: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/40.jpg)
Jere
my
Botts
![Page 41: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/41.jpg)
grid7
![Page 42: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/42.jpg)
grande parte dos projetos visuais é construído sobre um grid
![Page 43: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/43.jpg)
é um tema de grande discussão
![Page 44: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/44.jpg)
muitos defendem e outros detestam
![Page 45: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/45.jpg)
os que defendem argumentam que ele ordena os elementos no espaço
![Page 46: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/46.jpg)
os que detestam dizem que ele é opressor
![Page 47: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/47.jpg)
o grid é um conjunto específico de relações para guiar a distribuição de elementos num formato
![Page 48: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/48.jpg)
ajuda a ordenar ou organizar os elementos no plano visual
![Page 49: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/49.jpg)
margens
guias horizontais
zonas espaciais
marcadorescolunas módulos
![Page 50: Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2](https://reader033.fdocumentos.tips/reader033/viewer/2022051414/55a83e211a28ab8c4f8b46d6/html5/thumbnails/50.jpg)
um grid pode ser circular, modular, de coluna, hierárquico, entre outros e composto