SlideShare una empresa de Scribd logo
1 de 34
Descargar para leer sin conexión
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

Más contenido relacionado

Similar 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
 

Similar 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

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
 
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
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéisines09cachapa
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfFrancisco Márcio Bezerra Oliveira
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.Mary Alvarenga
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdfLeloIurk1
 
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
 
Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?AnabelaGuerreiro7
 
INTERVENÇÃO PARÁ - Formação de Professor
INTERVENÇÃO PARÁ - Formação de ProfessorINTERVENÇÃO PARÁ - Formação de Professor
INTERVENÇÃO PARÁ - Formação de ProfessorEdvanirCosta
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfcomercial400681
 
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
 
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
 
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteCOMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteVanessaCavalcante37
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfHELENO FAVACHO
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Ilda Bicacro
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Ilda Bicacro
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...Rosalina Simão Nunes
 
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
 
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
 

Último (20)

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 ...
 
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...
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.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
 
Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?
 
INTERVENÇÃO PARÁ - Formação de Professor
INTERVENÇÃO PARÁ - Formação de ProfessorINTERVENÇÃO PARÁ - Formação de Professor
INTERVENÇÃO PARÁ - Formação de Professor
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
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
 
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
 
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteCOMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
 
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
 
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
 
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
 

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