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:

aula-6_principios_design.pdf

  • 1.
    02/09/16 1 Aula 06 Princípios doDesign 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 trazordem 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 ocorrequando 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 observadorencontra 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, nossosolhos 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 aharmonia 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 pontofocal 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 queo 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: