SlideShare uma empresa Scribd logo
1 de 34
Baixar para ler offline
Direção de Arte
Prof. Lelo Brito
- 5º semestre -
Proporção Áurea
Fibonacci
Quatro Princípios
Básicos do Design
• PROXIMIDADE
• ALINHAMENTO
• REPETIÇÃO
• CONTRASTE
PROXIMIDADE
Itens relacionados entre si devem ser
agrupados. Quando vários itens estão
próximos, tornam-se uma identidade
visual, e não várias unidades
individualizadas. Isso ajuda a organizar as
informações e reduz a desordem.
PROXIMIDADE
EXEMPLO
Lelo Brito
Diretor Executivo +55 11 2366 9036
lelo.brito@side3.com.br
PROXIMIDADE
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br
PROXIMIDADE
OUTROS EXEMPLOS
PROXIMIDADE
OUTROS EXEMPLOS
ALINHAMENTO
Nada deve ser colocado arbitrariamente
em uma página. Cada elemento deve ter
uma ligação visual com outro elemento da
página. Isso cria uma aparência limpa,
sofisticada e suave.
ALINHAMENTO
EXEMPLO
Lelo Brito
Diretor Executivo +55 11 2366 9036
lelo.brito@side3.com.br
ALINHAMENTO
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br
ALINHAMENTOS
DOS TEXTOS PODEM SER:
À esquerda
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
Duis aute irure dolor in
reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
Centralizados
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
Duis aute irure dolor in
reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
À direita
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
Duis aute irure dolor in
reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
Justificados
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
ALINHAMENTOS
ALGUMAS DICAS
A biografia
não autorizada
A trajetória
de um dos maiores
escritores brasileiros.
Rubem Fonseca
ALINHAMENTOS
ALGUMAS DICAS
Rubem Fonseca
A biografia
não autorizada
A trajetória
de um dos maiores
escritores brasileiros.
ALINHAMENTOS
OUTROS EXEMPLOS
ALINHAMENTOS
OUTROS EXEMPLOS
ALINHAMENTOS
OUTROS EXEMPLOS
REPETIÇÃO
Repita os elementos visuais do design e
espalhe-os pelo material.Você pode
repetir a cor, a forma, a textura e as
relações espaciais, como a espessura, os
tamanhos etc. Isso ajuda a criar uma
organização e fortalece a unidade.
REPETIÇÃO
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br
REPETIÇÃO
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br
REPETIÇÃO
OUTROS EXEMPLOS
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Excepteur sint occaecat
cupidatat non proident, sunt
in culpa qui officia deserunt
mollit anim id est laborum.
Dobradinha
Mitos e fatos
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Excepteur sint occaecat
cupidatat non proident.
Modo de fazer
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum dol
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua.
Antídotos comuns
Ut ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat. Duis
aute irure dolor roident, sunt
in culpa qui officia deserunt
mollit anim id est laborum.
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Excepteur sint occaecat
cupidatat non proident, sunt
in culpa qui officia deserunt
mollit anim id est laborum.
Dobradinha
Mitos e fatos
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Excepteur sint occaecat
cupidatat non proident.
Modo de fazer
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum dol
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua.
Antídotos comuns
Ut ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat. Duis
aute irure dolor roident, sunt
in culpa qui officia deserunt
mollit anim id est laborum.
X
REPETIÇÃO
OUTROS EXEMPLOS
REPETIÇÃO
OUTROS EXEMPLOS
REPETIÇÃO
OUTROS EXEMPLOS
REPETIÇÃO
OUTROS EXEMPLOS
CONTRASTE
O objetivo do contraste é evitar elementos
meramente similares em uma página. Se os
elementos (cor, tipo, tamanho, espessura da
linha, forma, espaço etc.) não forem os mesmos,
diferencie-os completamente. O
contraste costuma ser a mais importante
atração visual de uma página.
CONTRASTE
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br
CONTRASTE
OUTROS EXEMPLOS
CONTRASTE
OUTROS EXEMPLOS
CONTRASTE
OUTROS EXEMPLOS
DICA
Exercício 1
Escolha 4 anúncios impressos, de qualquer revista. Podem ser de
página única ou página dupla.
Em uma folha à parte, identifique e comente os princípios de
design presentes em cada um deles.
Anexe as anotações aos respectivos anúncios, faça uma capa com
nome e turma e entregue na próxima aula, dia 21/8.
O exercício tem valor de 0 a 10 e não será aceito após o prazo
determinado.
(Sugestão de leitura: páginas 15 a 62 do livro Design para quem não é design, de Robin Williams)
Fonte
WILLIAMS, Robin. Design para quem não é designer. São
Paulo: Callis, 1995

Mais conteúdo relacionado

Semelhante a 4 Princípios Básicos do Design

Template+para+construção+de+e-book.pptx
Template+para+construção+de+e-book.pptxTemplate+para+construção+de+e-book.pptx
Template+para+construção+de+e-book.pptxMarcos Boaventura
 
CSS (Cascading Style Sheets) - 2ª parte
CSS (Cascading Style Sheets) - 2ª parteCSS (Cascading Style Sheets) - 2ª parte
CSS (Cascading Style Sheets) - 2ª parteMarcos César
 
Construindo uma cultura de aprendizagem - Agile Tour 2011
Construindo uma cultura de aprendizagem - Agile Tour 2011Construindo uma cultura de aprendizagem - Agile Tour 2011
Construindo uma cultura de aprendizagem - Agile Tour 2011André Faria Gomes
 
Construindo uma cultura de Aprendizagem - TDC GYN 2011
Construindo uma cultura de Aprendizagem - TDC GYN 2011Construindo uma cultura de Aprendizagem - TDC GYN 2011
Construindo uma cultura de Aprendizagem - TDC GYN 2011André Faria Gomes
 
Não seja "aquela cara": como planejamento e UX podem trabalhar juntos para tr...
Não seja "aquela cara": como planejamento e UX podem trabalhar juntos para tr...Não seja "aquela cara": como planejamento e UX podem trabalhar juntos para tr...
Não seja "aquela cara": como planejamento e UX podem trabalhar juntos para tr...Media Education
 
Allan Carneiro apresenta boas práticas de design para desenvolvimento de site...
Allan Carneiro apresenta boas práticas de design para desenvolvimento de site...Allan Carneiro apresenta boas práticas de design para desenvolvimento de site...
Allan Carneiro apresenta boas práticas de design para desenvolvimento de site...WordCamp Floripa
 
10erros ppt
10erros ppt10erros ppt
10erros pptsubranco
 
Construindo uma cultura de Aprendizagem - TDC 2011
Construindo uma cultura de Aprendizagem - TDC 2011Construindo uma cultura de Aprendizagem - TDC 2011
Construindo uma cultura de Aprendizagem - TDC 2011André Faria Gomes
 
Como aumentar a produtividade em segurança do trabalho
Como aumentar a produtividade em segurança do trabalhoComo aumentar a produtividade em segurança do trabalho
Como aumentar a produtividade em segurança do trabalhoRoberto Carlos
 
Material da palestra "5 razões para sair do ZERO na Universidade" - Unesp Tupã
Material da palestra "5 razões para sair do ZERO na Universidade" - Unesp TupãMaterial da palestra "5 razões para sair do ZERO na Universidade" - Unesp Tupã
Material da palestra "5 razões para sair do ZERO na Universidade" - Unesp TupãEureca!
 
Uma abordagem inteligente de gerenciamento ágil de projetos com Scrum
Uma abordagem inteligente de gerenciamento ágil de projetos com ScrumUma abordagem inteligente de gerenciamento ágil de projetos com Scrum
Uma abordagem inteligente de gerenciamento ágil de projetos com ScrumAlexsandra Sousóliver
 
Time Now TALKS - Gestão, Ágil e All Home Office
Time Now TALKS - Gestão, Ágil e All Home OfficeTime Now TALKS - Gestão, Ágil e All Home Office
Time Now TALKS - Gestão, Ágil e All Home OfficeEduardo Freire
 
Voce veste a camisa da empresa
Voce veste a camisa da empresaVoce veste a camisa da empresa
Voce veste a camisa da empresaCristiano Brasil
 
Pesquisa e Experimentação Prática em Design
Pesquisa e Experimentação Prática em DesignPesquisa e Experimentação Prática em Design
Pesquisa e Experimentação Prática em DesignCarolina Palhano
 
Habilidades sociais no mundo do trabalho (Aula 01)
Habilidades sociais no mundo do trabalho (Aula 01)Habilidades sociais no mundo do trabalho (Aula 01)
Habilidades sociais no mundo do trabalho (Aula 01)Henrique
 

Semelhante a 4 Princípios Básicos do Design (20)

Papelaria 2011
Papelaria 2011Papelaria 2011
Papelaria 2011
 
Template+para+construção+de+e-book.pptx
Template+para+construção+de+e-book.pptxTemplate+para+construção+de+e-book.pptx
Template+para+construção+de+e-book.pptx
 
CSS (Cascading Style Sheets) - 2ª parte
CSS (Cascading Style Sheets) - 2ª parteCSS (Cascading Style Sheets) - 2ª parte
CSS (Cascading Style Sheets) - 2ª parte
 
Aula Cores
Aula CoresAula Cores
Aula Cores
 
Construindo uma cultura de aprendizagem - Agile Tour 2011
Construindo uma cultura de aprendizagem - Agile Tour 2011Construindo uma cultura de aprendizagem - Agile Tour 2011
Construindo uma cultura de aprendizagem - Agile Tour 2011
 
Construindo uma cultura de Aprendizagem - TDC GYN 2011
Construindo uma cultura de Aprendizagem - TDC GYN 2011Construindo uma cultura de Aprendizagem - TDC GYN 2011
Construindo uma cultura de Aprendizagem - TDC GYN 2011
 
Testes A/B
Testes A/BTestes A/B
Testes A/B
 
Não seja "aquela cara": como planejamento e UX podem trabalhar juntos para tr...
Não seja "aquela cara": como planejamento e UX podem trabalhar juntos para tr...Não seja "aquela cara": como planejamento e UX podem trabalhar juntos para tr...
Não seja "aquela cara": como planejamento e UX podem trabalhar juntos para tr...
 
Allan Carneiro apresenta boas práticas de design para desenvolvimento de site...
Allan Carneiro apresenta boas práticas de design para desenvolvimento de site...Allan Carneiro apresenta boas práticas de design para desenvolvimento de site...
Allan Carneiro apresenta boas práticas de design para desenvolvimento de site...
 
10erros ppt
10erros ppt10erros ppt
10erros ppt
 
Construindo uma cultura de Aprendizagem - TDC 2011
Construindo uma cultura de Aprendizagem - TDC 2011Construindo uma cultura de Aprendizagem - TDC 2011
Construindo uma cultura de Aprendizagem - TDC 2011
 
Como aumentar a produtividade em segurança do trabalho
Como aumentar a produtividade em segurança do trabalhoComo aumentar a produtividade em segurança do trabalho
Como aumentar a produtividade em segurança do trabalho
 
Material da palestra "5 razões para sair do ZERO na Universidade" - Unesp Tupã
Material da palestra "5 razões para sair do ZERO na Universidade" - Unesp TupãMaterial da palestra "5 razões para sair do ZERO na Universidade" - Unesp Tupã
Material da palestra "5 razões para sair do ZERO na Universidade" - Unesp Tupã
 
Uma abordagem inteligente de gerenciamento ágil de projetos com Scrum
Uma abordagem inteligente de gerenciamento ágil de projetos com ScrumUma abordagem inteligente de gerenciamento ágil de projetos com Scrum
Uma abordagem inteligente de gerenciamento ágil de projetos com Scrum
 
Time Now TALKS - Gestão, Ágil e All Home Office
Time Now TALKS - Gestão, Ágil e All Home OfficeTime Now TALKS - Gestão, Ágil e All Home Office
Time Now TALKS - Gestão, Ágil e All Home Office
 
Pensar lean e ser Agil
Pensar lean e ser AgilPensar lean e ser Agil
Pensar lean e ser Agil
 
Voce veste a camisa da empresa
Voce veste a camisa da empresaVoce veste a camisa da empresa
Voce veste a camisa da empresa
 
Pesquisa e Experimentação Prática em Design
Pesquisa e Experimentação Prática em DesignPesquisa e Experimentação Prática em Design
Pesquisa e Experimentação Prática em Design
 
Habilidades sociais no mundo do trabalho (Aula 01)
Habilidades sociais no mundo do trabalho (Aula 01)Habilidades sociais no mundo do trabalho (Aula 01)
Habilidades sociais no mundo do trabalho (Aula 01)
 
gravidas felizesl
gravidas felizeslgravidas felizesl
gravidas felizesl
 

Último

Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...azulassessoria9
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...IsabelPereira2010
 
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.pdfHELENO FAVACHO
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfHELENO FAVACHO
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSOLeloIurk1
 
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..pptxTailsonSantos1
 
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMHELENO FAVACHO
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxLusGlissonGud
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxLuizHenriquedeAlmeid6
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfWagnerCamposCEA
 
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.pdfHELENO FAVACHO
 
atividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfatividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfLuizaAbaAba
 
Historia da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfHistoria da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfEmanuel Pio
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecniCleidianeCarvalhoPer
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdfAna Lemos
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxLuizHenriquedeAlmeid6
 
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 TecnologiaHELENO FAVACHO
 

Último (20)

Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
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
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
 
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
 
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptx
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
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
 
atividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfatividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdf
 
Historia da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfHistoria da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdf
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
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
 

4 Princípios Básicos do Design

  • 1. Direção de Arte Prof. Lelo Brito - 5º semestre -
  • 4. Quatro Princípios Básicos do Design • PROXIMIDADE • ALINHAMENTO • REPETIÇÃO • CONTRASTE
  • 5. PROXIMIDADE Itens relacionados entre si devem ser agrupados. Quando vários itens estão próximos, tornam-se uma identidade visual, e não várias unidades individualizadas. Isso ajuda a organizar as informações e reduz a desordem.
  • 6. PROXIMIDADE EXEMPLO Lelo Brito Diretor Executivo +55 11 2366 9036 lelo.brito@side3.com.br
  • 7. PROXIMIDADE EXEMPLO Lelo Brito Diretor Executivo +55 11 2366 9036 lelo.brito@side3.com.br
  • 10. ALINHAMENTO Nada deve ser colocado arbitrariamente em uma página. Cada elemento deve ter uma ligação visual com outro elemento da página. Isso cria uma aparência limpa, sofisticada e suave.
  • 11. ALINHAMENTO EXEMPLO Lelo Brito Diretor Executivo +55 11 2366 9036 lelo.brito@side3.com.br
  • 12. ALINHAMENTO EXEMPLO Lelo Brito Diretor Executivo +55 11 2366 9036 lelo.brito@side3.com.br
  • 13. ALINHAMENTOS DOS TEXTOS PODEM SER: À esquerda Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Centralizados Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. À direita Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Justificados Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • 14. ALINHAMENTOS ALGUMAS DICAS A biografia não autorizada A trajetória de um dos maiores escritores brasileiros. Rubem Fonseca
  • 15. ALINHAMENTOS ALGUMAS DICAS Rubem Fonseca A biografia não autorizada A trajetória de um dos maiores escritores brasileiros.
  • 19. REPETIÇÃO Repita os elementos visuais do design e espalhe-os pelo material.Você pode repetir a cor, a forma, a textura e as relações espaciais, como a espessura, os tamanhos etc. Isso ajuda a criar uma organização e fortalece a unidade.
  • 20. REPETIÇÃO EXEMPLO Lelo Brito Diretor Executivo +55 11 2366 9036 lelo.brito@side3.com.br
  • 21. REPETIÇÃO EXEMPLO Lelo Brito Diretor Executivo +55 11 2366 9036 lelo.brito@side3.com.br
  • 22. REPETIÇÃO OUTROS EXEMPLOS Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Dobradinha Mitos e fatos Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. Modo de fazer Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dol Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Antídotos comuns Ut ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor roident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Dobradinha Mitos e fatos Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. Modo de fazer Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dol Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Antídotos comuns Ut ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor roident, sunt in culpa qui officia deserunt mollit anim id est laborum. X
  • 27. CONTRASTE O objetivo do contraste é evitar elementos meramente similares em uma página. Se os elementos (cor, tipo, tamanho, espessura da linha, forma, espaço etc.) não forem os mesmos, diferencie-os completamente. O contraste costuma ser a mais importante atração visual de uma página.
  • 28. CONTRASTE EXEMPLO Lelo Brito Diretor Executivo +55 11 2366 9036 lelo.brito@side3.com.br
  • 32. DICA
  • 33. Exercício 1 Escolha 4 anúncios impressos, de qualquer revista. Podem ser de página única ou página dupla. Em uma folha à parte, identifique e comente os princípios de design presentes em cada um deles. Anexe as anotações aos respectivos anúncios, faça uma capa com nome e turma e entregue na próxima aula, dia 21/8. O exercício tem valor de 0 a 10 e não será aceito após o prazo determinado. (Sugestão de leitura: páginas 15 a 62 do livro Design para quem não é design, de Robin Williams)
  • 34. Fonte WILLIAMS, Robin. Design para quem não é designer. São Paulo: Callis, 1995