SlideShare une entreprise Scribd logo
1  sur  50
Télécharger pour lire hors ligne
Composição

e Projeto Gráfico
Design
fundamentos básicosfundamentos básicos
Aula II/II
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
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.
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
ponto, linha e plano
ritmo e equilíbrio
escala
hierarquia
transparência
padronagem
grid
aula1aula2
hierarquia
a hierarquia
também é uma
necessidade
humana
normalmente
associada

a
patentes
é expressada
por um sistema
nominal
e sua
expressão
visual?
maior
menor
e s p a ç o
posição
cor e tonalidade
expressar uma
ordem é tarefa
essencial de
alguém que se
dispõe a fazer
um projeto
visual
um designer
David Carson | The Magazine Factory, London.2013.
tag cloud
transparência
a transparência
pressupõe a camada
o que isso significa?
tudo ao nosso redor está
em alguma "camada"
Jeremy Botts
na composição visual
também
temos a
transparência gráfica
camadas
sobrepostas de
linhas, formas,
texturas ou
letras
David Carson
David Carson
padronagem
6
o ornamento
está presente
em toda a
história da
humanidade
praticamente
todas as
culturas usam
ou usaram de
alguma forma
a moda é um
dos maiores
condutores
uso de elementos
com padrões
uso de padrões
como ornamento
base no tecido
JeremyBotts
grid
7
grande parte
dos projetos
visuais é
construído
sobre um grid
é um tema de
grande
discussão
muitos
defendem e
outros
detestam
os que
defendem
argumentam
que ele ordena
os elementos
no espaço
os que
detestam
dizem que ele
é opressor
o grid é um
conjunto
específico de
relações para
guiar a
distribuição de
elementos num
formato
ajuda a ordenar
ou organizar os
elementos no
plano visual
margens
guias horizontais
zonas espaciais
marcadores
colunas módulos
um grid pode
ser circular,
modular, de
coluna,
hierárquico,
entre outros e
composto

Contenu connexe

En vedette

Design e usabilidade - Fundamentos
Design e usabilidade - FundamentosDesign e usabilidade - Fundamentos
Design e usabilidade - Fundamentos
Matheus Inácio
 

En vedette (20)

Layout designeditorial-20-b
Layout designeditorial-20-bLayout designeditorial-20-b
Layout designeditorial-20-b
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
AULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualAULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visual
 
Damasceno patricia-2013-design-jornais
Damasceno patricia-2013-design-jornaisDamasceno patricia-2013-design-jornais
Damasceno patricia-2013-design-jornais
 
Editoração Eletrônica-Aula 5- Fechamento de Arquivo - PDFx1a
Editoração Eletrônica-Aula 5- Fechamento de Arquivo - PDFx1aEditoração Eletrônica-Aula 5- Fechamento de Arquivo - PDFx1a
Editoração Eletrônica-Aula 5- Fechamento de Arquivo - PDFx1a
 
Aula 5 - Fechamento de Arquivos
Aula 5 - Fechamento de ArquivosAula 5 - Fechamento de Arquivos
Aula 5 - Fechamento de Arquivos
 
Elementos de Marketing - Aula 3 e 4
Elementos de Marketing - Aula 3 e 4Elementos de Marketing - Aula 3 e 4
Elementos de Marketing - Aula 3 e 4
 
Administrar a Propaganda para Crescer
Administrar a Propaganda para CrescerAdministrar a Propaganda para Crescer
Administrar a Propaganda para Crescer
 
Design e usabilidade - Fundamentos
Design e usabilidade - FundamentosDesign e usabilidade - Fundamentos
Design e usabilidade - Fundamentos
 
O olhar do designer gráfico em tempos de crossmídia
O olhar do designer gráfico em tempos de crossmídiaO olhar do designer gráfico em tempos de crossmídia
O olhar do designer gráfico em tempos de crossmídia
 
História da Arte - Realismo na Publicidade e Propaganda
História da Arte - Realismo na Publicidade e PropagandaHistória da Arte - Realismo na Publicidade e Propaganda
História da Arte - Realismo na Publicidade e Propaganda
 
Aula - Publicidade e Arte - Direção e Finalização de Arte para Impressos
Aula - Publicidade e Arte - Direção e Finalização de Arte para ImpressosAula - Publicidade e Arte - Direção e Finalização de Arte para Impressos
Aula - Publicidade e Arte - Direção e Finalização de Arte para Impressos
 
Projeto grafico 2013 2 trabalho final
Projeto grafico 2013   2 trabalho finalProjeto grafico 2013   2 trabalho final
Projeto grafico 2013 2 trabalho final
 
Interface Design workshop
Interface Design workshopInterface Design workshop
Interface Design workshop
 
Grid
GridGrid
Grid
 
Design de Jogos I - Fundamentos principais (Grupo de estudos ETEC)
Design de Jogos I - Fundamentos principais (Grupo de estudos ETEC)Design de Jogos I - Fundamentos principais (Grupo de estudos ETEC)
Design de Jogos I - Fundamentos principais (Grupo de estudos ETEC)
 
Design Editorial
Design EditorialDesign Editorial
Design Editorial
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - Introdução
 
Adobe illustrator vetorizacao - aula 08
Adobe illustrator   vetorizacao - aula 08Adobe illustrator   vetorizacao - aula 08
Adobe illustrator vetorizacao - aula 08
 
Teoria Super Básica de Cores
Teoria Super Básica de CoresTeoria Super Básica de Cores
Teoria Super Básica de Cores
 

Plus de Fábio Gonçalves

Plus de Fábio Gonçalves (17)

Ambientes de Marketing - Matriz SWOT
Ambientes de Marketing - Matriz SWOTAmbientes de Marketing - Matriz SWOT
Ambientes de Marketing - Matriz SWOT
 
Ambientes de Marketing - Comunicação Integrada, Mix de Comunicação e Marketin...
Ambientes de Marketing - Comunicação Integrada, Mix de Comunicação e Marketin...Ambientes de Marketing - Comunicação Integrada, Mix de Comunicação e Marketin...
Ambientes de Marketing - Comunicação Integrada, Mix de Comunicação e Marketin...
 
Ambientes de Marketing- Aula5-Analises Ambientais
Ambientes de Marketing- Aula5-Analises AmbientaisAmbientes de Marketing- Aula5-Analises Ambientais
Ambientes de Marketing- Aula5-Analises Ambientais
 
Editoração Eletrônica Aula2-Gerenciamento de Cores
Editoração Eletrônica Aula2-Gerenciamento de CoresEditoração Eletrônica Aula2-Gerenciamento de Cores
Editoração Eletrônica Aula2-Gerenciamento de Cores
 
Ambientes de Marketing - Posicionamento Aula4
Ambientes de Marketing - Posicionamento Aula4Ambientes de Marketing - Posicionamento Aula4
Ambientes de Marketing - Posicionamento Aula4
 
Ambientes de Marketing - Posicionamento Aula3
Ambientes de Marketing - Posicionamento Aula3Ambientes de Marketing - Posicionamento Aula3
Ambientes de Marketing - Posicionamento Aula3
 
Ambientes de Marketing - Segmentação Aula2
Ambientes de Marketing - Segmentação Aula2Ambientes de Marketing - Segmentação Aula2
Ambientes de Marketing - Segmentação Aula2
 
Ambientes de Marketing - Segmentação Aula1
Ambientes de Marketing - Segmentação Aula1Ambientes de Marketing - Segmentação Aula1
Ambientes de Marketing - Segmentação Aula1
 
Elementos de Marketing - Informações de Marketing
Elementos de Marketing - Informações de MarketingElementos de Marketing - Informações de Marketing
Elementos de Marketing - Informações de Marketing
 
Elementos de Marketing Aula 7
Elementos de Marketing Aula 7Elementos de Marketing Aula 7
Elementos de Marketing Aula 7
 
Elementos de Marketing Aula 5 e 6
Elementos de Marketing Aula 5 e 6Elementos de Marketing Aula 5 e 6
Elementos de Marketing Aula 5 e 6
 
Elementos de Marketing - Aula 1 e 2
Elementos de Marketing - Aula 1 e 2Elementos de Marketing - Aula 1 e 2
Elementos de Marketing - Aula 1 e 2
 
Teoria Super Básica de Tipografia
Teoria Super Básica de TipografiaTeoria Super Básica de Tipografia
Teoria Super Básica de Tipografia
 
Composição e Projeto Visual
Composição e Projeto VisualComposição e Projeto Visual
Composição e Projeto Visual
 
Infografia / Introdução
Infografia / IntroduçãoInfografia / Introdução
Infografia / Introdução
 
Credibilidade forjada anhanguera
Credibilidade forjada anhangueraCredibilidade forjada anhanguera
Credibilidade forjada anhanguera
 
Credibilidade Forjada
Credibilidade ForjadaCredibilidade Forjada
Credibilidade Forjada
 

Dernier

A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
TailsonSantos1
 

Dernier (20)

Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPlano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
 
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVAEDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
 
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS  - Cantos do fim do séculoSistema de Bibliotecas UCS  - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do século
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
 

Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2