SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
02/09/16
1
Aula 06
Princípios do Design
FATEC – ITU – Curso Superior de Tecnologia em Eventos
Disciplina Design Gráfico
Prof. Ms. Luciane Panisson
PRINCÍPIOS DO DESIGN
• São conceitos que descrevem a qualidade
estéNca do trabalho. São definidos através de
muitos métodos capazes de organizar os
elementos dentro de um espaço pré-
determinado para que fiquem visualmente
agradáveis.
• FATEC – ITU – Curso Superior de Tecnologia em Eventos
• Disciplina Design Gráfico
• Prof. Ms. Luciane Panisson
02/09/16
2
Alinhamento
O alinhamento traz ordem ao caos,
ajuda a organizar itens similares,
cria grupos e conexões visuais.
Bom alinhamento deve passar
despercebido pelo observador, já
um mal alinhamento faz o erro
(intencional ou não) muito visível.
A falta de alinhamento cria um
visual desleixado e desorganizado,
assim como misturar vários
alinhamentos diferentes. No
entanto, não é errado quebrar o
alinhamento de propósito afim de
criar tensão ou chamar a atenção
para algum elemento específico na
página.
02/09/16
3
Contraste
O contraste ocorre quando dois elementos
são diferentes, e quanto maior a diferença
maior o contraste. A dica mais importante é
fazer com que a diferença seja óbvia - pouca
diferença pode dar a aparência de ser um
erro por parte do designer. Os métodos mais
comuns de contraste são criar diferenças em
tamanho, valor, cor e Npo.
UNlizamos o contraste no design para dar
ênfase ao que é mais importante ou para
direcionar o olhar do observador. Em uma
página sem contraste ou pouco contraste, o
leitor não sabe por onde começar. Mas
cuidado: é possível exagerar no contraste,
então você deve usá-lo com cuidado. Se todos
os elementos gerarem contraste, o
observador não vai saber por onde começar.
Contraste
A combinação de
diferentes elementos
do design para
destacar suas
diferenças e/ou criar
equilíbrio:
02/09/16
4
Proximidade
Quando um observador encontra vários
elementos em uma página, o cérebro dele
automaNcamente vai tentar associar
conexões a eles. O designer pode uNlizar isto
a seu favor, arranjando objetos (textos e/ou
imagens) em grupos para ajudar a criar um
significado e melhor disseminar a mensagem.
Isto chama-se proximidade.
A proximidade cria um vínculo entre os
elementos de uma página. Objetos próximos
uns dos outros sugerem algum Npo de
relacionamento, já se esNverem mais longe
um dos outros pode sugerir diferença. Um
exemplo disto seriam parágrafos de um texto:
frases em um mesmo parágrafo simbolizam
que fazem parte da mesma linha de
pensamento, e em outro parágrafo sugere
uma mudança desta linha.
Repetição
Pegue qualquer revista. Você vai ver como o
layout se repete muitas vezes, seguindo um
certo padrão. Algumas páginas tem o mesmo
número de colunas, as fotos ficam na mesma
posição ou diferem um pouco, elementos
visuais (como o número das páginas ou o
assunto daquela coluna) se repetem em todas
as páginas. Manter uma consistência visual
quando um texto se expande por várias
páginas ajuda a aumentar a legibilidade.
RepeNr elementos gráficos ou até mesmo um
layout inteiro ajuda a manter uma
experiência consistente em todos os seus
trabalhos.
02/09/16
5
Balanço
No geral, nossos olhos ficam mais
confortáveis com layouts balanceados
onde os gráficos não subjugam o texto e a
página não tende a parecer
desequilibrada.
São três Npos de balanço no design:
Simétrico
Assimétrico
Radial
Todo elemento gráfico tem um peso e
cabe ao designer saber balancear ele.
Veja no exemplo abaixo como a falta de
balanço faz o documento puxar para um
lado:
Equilíbrio
O equilíbrio como um
princípio do design,
organiza os elementos
visuais em um arranjo
esteNcamente prazeroso:
02/09/16
6
Unidade
Unidade significa a harmonia de
uma composição como um todo.
As partes de uma composição
feitas para trabalharem juntas
como um tema visual total:
Unidade
02/09/16
7
Ênfase
Cria um ponto focal no
design; é como
trazemos atenção para
o que é mais
importante:
Ênfase
02/09/16
8
Hierarquia
Hierarquia visual é a
ordem na qual o olho
humano percebe o
que vê. Esta ordem é
criada pelo contraste
visual entre as formas
em um campo de
percepção:
Hierarquia
02/09/16
9
Movimento
A maneira que o arNsta
direciona o olhar
dentro, ao redor e
através de uma
composição:
Proporção
Proporção refere-se ao
tamanho relaNvo e a escala de
vários elementos no design. A
questão é a relação entre
objetos ou partes de um todo:
02/09/16
10
Proporção
Ritmo
O ritmo é a repeNção
do movimento das
cores, formas, valores,
espaços e texturas de
um elemento:
02/09/16
11
Espaço
Espaço é uma área vazia na
superlcie interior ou ao
redor de um trabalho de
arte. Espaço pode ser
bidimensional,
tridimensional, negaNvo e/
ou posiNvo:

Mais conteúdo relacionado

Semelhante a Princípios do Design

Semelhante a Princípios do Design (20)

Diagramacao ua
Diagramacao uaDiagramacao ua
Diagramacao ua
 
Princípios básicos II
Princípios básicos IIPrincípios básicos II
Princípios básicos II
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Bootstrap.pdf
Bootstrap.pdfBootstrap.pdf
Bootstrap.pdf
 
O design equilibrado9
O design equilibrado9O design equilibrado9
O design equilibrado9
 
Aula 02 linguagem visual
Aula 02   linguagem visualAula 02   linguagem visual
Aula 02 linguagem visual
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
Analise solar
Analise solarAnalise solar
Analise solar
 
Aula 4 - Direção de Arte
Aula 4 - Direção de ArteAula 4 - Direção de Arte
Aula 4 - Direção de Arte
 
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoLaboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
 
Apresentação principios do design share
Apresentação principios do design shareApresentação principios do design share
Apresentação principios do design share
 
NoçõEs BáSicas De Planejamento Visual
NoçõEs BáSicas De Planejamento VisualNoçõEs BáSicas De Planejamento Visual
NoçõEs BáSicas De Planejamento Visual
 
O design equilibrado1
O design equilibrado1O design equilibrado1
O design equilibrado1
 
[dig - 2011.1] 11 - ênfase
[dig - 2011.1] 11 - ênfase[dig - 2011.1] 11 - ênfase
[dig - 2011.1] 11 - ênfase
 
Linhas
LinhasLinhas
Linhas
 
Artes teoria desenho (1)
Artes teoria desenho (1)Artes teoria desenho (1)
Artes teoria desenho (1)
 
Aula03
Aula03Aula03
Aula03
 
mapas_conceptuais.pdf
mapas_conceptuais.pdfmapas_conceptuais.pdf
mapas_conceptuais.pdf
 
Design de Experiência do Cliente / Usuário (UX)
Design de Experiência do Cliente / Usuário (UX)Design de Experiência do Cliente / Usuário (UX)
Design de Experiência do Cliente / Usuário (UX)
 
O design equilibrado6
O design equilibrado6O design equilibrado6
O design equilibrado6
 

Último

Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 

Último (8)

Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 

Princípios do Design

  • 1. 02/09/16 1 Aula 06 Princípios do Design FATEC – ITU – Curso Superior de Tecnologia em Eventos Disciplina Design Gráfico Prof. Ms. Luciane Panisson PRINCÍPIOS DO DESIGN • São conceitos que descrevem a qualidade estéNca do trabalho. São definidos através de muitos métodos capazes de organizar os elementos dentro de um espaço pré- determinado para que fiquem visualmente agradáveis. • FATEC – ITU – Curso Superior de Tecnologia em Eventos • Disciplina Design Gráfico • Prof. Ms. Luciane Panisson
  • 2. 02/09/16 2 Alinhamento O alinhamento traz ordem ao caos, ajuda a organizar itens similares, cria grupos e conexões visuais. Bom alinhamento deve passar despercebido pelo observador, já um mal alinhamento faz o erro (intencional ou não) muito visível. A falta de alinhamento cria um visual desleixado e desorganizado, assim como misturar vários alinhamentos diferentes. No entanto, não é errado quebrar o alinhamento de propósito afim de criar tensão ou chamar a atenção para algum elemento específico na página.
  • 3. 02/09/16 3 Contraste O contraste ocorre quando dois elementos são diferentes, e quanto maior a diferença maior o contraste. A dica mais importante é fazer com que a diferença seja óbvia - pouca diferença pode dar a aparência de ser um erro por parte do designer. Os métodos mais comuns de contraste são criar diferenças em tamanho, valor, cor e Npo. UNlizamos o contraste no design para dar ênfase ao que é mais importante ou para direcionar o olhar do observador. Em uma página sem contraste ou pouco contraste, o leitor não sabe por onde começar. Mas cuidado: é possível exagerar no contraste, então você deve usá-lo com cuidado. Se todos os elementos gerarem contraste, o observador não vai saber por onde começar. Contraste A combinação de diferentes elementos do design para destacar suas diferenças e/ou criar equilíbrio:
  • 4. 02/09/16 4 Proximidade Quando um observador encontra vários elementos em uma página, o cérebro dele automaNcamente vai tentar associar conexões a eles. O designer pode uNlizar isto a seu favor, arranjando objetos (textos e/ou imagens) em grupos para ajudar a criar um significado e melhor disseminar a mensagem. Isto chama-se proximidade. A proximidade cria um vínculo entre os elementos de uma página. Objetos próximos uns dos outros sugerem algum Npo de relacionamento, já se esNverem mais longe um dos outros pode sugerir diferença. Um exemplo disto seriam parágrafos de um texto: frases em um mesmo parágrafo simbolizam que fazem parte da mesma linha de pensamento, e em outro parágrafo sugere uma mudança desta linha. Repetição Pegue qualquer revista. Você vai ver como o layout se repete muitas vezes, seguindo um certo padrão. Algumas páginas tem o mesmo número de colunas, as fotos ficam na mesma posição ou diferem um pouco, elementos visuais (como o número das páginas ou o assunto daquela coluna) se repetem em todas as páginas. Manter uma consistência visual quando um texto se expande por várias páginas ajuda a aumentar a legibilidade. RepeNr elementos gráficos ou até mesmo um layout inteiro ajuda a manter uma experiência consistente em todos os seus trabalhos.
  • 5. 02/09/16 5 Balanço No geral, nossos olhos ficam mais confortáveis com layouts balanceados onde os gráficos não subjugam o texto e a página não tende a parecer desequilibrada. São três Npos de balanço no design: Simétrico Assimétrico Radial Todo elemento gráfico tem um peso e cabe ao designer saber balancear ele. Veja no exemplo abaixo como a falta de balanço faz o documento puxar para um lado: Equilíbrio O equilíbrio como um princípio do design, organiza os elementos visuais em um arranjo esteNcamente prazeroso:
  • 6. 02/09/16 6 Unidade Unidade significa a harmonia de uma composição como um todo. As partes de uma composição feitas para trabalharem juntas como um tema visual total: Unidade
  • 7. 02/09/16 7 Ênfase Cria um ponto focal no design; é como trazemos atenção para o que é mais importante: Ênfase
  • 8. 02/09/16 8 Hierarquia Hierarquia visual é a ordem na qual o olho humano percebe o que vê. Esta ordem é criada pelo contraste visual entre as formas em um campo de percepção: Hierarquia
  • 9. 02/09/16 9 Movimento A maneira que o arNsta direciona o olhar dentro, ao redor e através de uma composição: Proporção Proporção refere-se ao tamanho relaNvo e a escala de vários elementos no design. A questão é a relação entre objetos ou partes de um todo:
  • 10. 02/09/16 10 Proporção Ritmo O ritmo é a repeNção do movimento das cores, formas, valores, espaços e texturas de um elemento:
  • 11. 02/09/16 11 Espaço Espaço é uma área vazia na superlcie interior ou ao redor de um trabalho de arte. Espaço pode ser bidimensional, tridimensional, negaNvo e/ ou posiNvo: