Princípios de Direção de Arte

Princípios de Direção de Arte

Elementos Básicos de desenho

Proporção

Perspectiva

Composição

Princípios básicos do design

1º Princípio: desenho

1º Princípio: desenho

Desenhe os seguintes elementos no papel:

1º Princípio: desenho

Reproduza o desenho, utilizando apenas os elementos básicos:

1º Princípio: desenho

Reproduza o desenho, utilizando apenas os elementos básicos:

1º Princípio: desenho

Reproduza o desenho, utilizando apenas os elementos básicos:

1º Princípio: desenho

Reproduza o desenho, utilizando apenas os elementos básicos:

1º Princípio: desenho

Reproduza o desenho, utilizando apenas os elementos básicos:

1º Princípio: desenho

Reproduza o desenho, utilizando apenas os elementos básicos:

2º Princípio: proporção

Objetivo- juntar 2 ou mais elementos

num layout:

- 2 ou mais pessoas

- pessoas em uma cidade

- elementos em dois planos diferentes

- cenas em perspectiva

- monstrinhos no Photoshop

Três formas de se obter proporção:

1- Medida de comparação (lápis, dedo polegar, etc.

2- Regrinha de 3

3- Malha construtiva ou malha de proporção.

Três formas de se obter proporção:

3- Malha construtiva ou malha de proporção.

Proporção Áurea de FibonacciMatematicamente encontramos a proporçã o áurea através da Progressão de Fibonacci. Esta progressão é uma tabela que progride com a soma de seus dois últimos números.O quociente entre estes dois números tende, no inf inito, para o Quociente Áureo perfeito.

encontramos a Proporção Áurea na natureza

* A altura do corpo humano e a medida do umbigo até o chão.

* A altura do crânio e a medida da mandíbula até o alto da cabeça.

* A medida da cintura até a cabeça e o tamanho do tórax.

* A medida do ombro à ponta do dedo e a medida do cotovelo à ponta do dedo.

* O tamanho dos dedos e a medida da dobra central até a ponta.

* A medida da dobra central até a ponta dividido e da segunda dobra até a ponta.

* A medida do seu quadril ao chão e a medida do seu joelho até ao chão..

3º Princípio: perspectiva

Quanto mais perto, mais distante.

Quanto mais distante, mais perto.

A referência é sempre a linha do horizonte

3º Princípio: perspectiva

O PONTO DE FUGA sempre se encontra

na linha do horizonte.

3º Princípio: perspectiva

Um PONTO DE FUGA

– perspectiva central

Dois PONTO DE FUGA

– perspectiva oblíqua

4º Princípio: composição

A composição estabelece a relação de espaço entre os elementos da página:

• O que está em primeiro, em segundo, em terce iro plano e em plano de fundo.

•O equilíbrio

•Os pontos de atração da página

4º Princípio: composição

HIERARQUIZE:

• Em primeiro lugar, a imagem

• Em segundo lugar, o título

• Em seguida, o subtítulo

• E por fim, a logomarca

4º Princípio: composiçãoMapeie mentalmente a página:

4º Princípio: composiçãoMapeie mentalmente a página:

4º Princípio: composiçãoEstabeleça o ponto de atração da peça:

Princípios Básicos do Design

Proximidade

Alinhamento

Repetição

Contraste

Tudo o Que

Vai Volta

Lições para viajar de

carona pelo país

Robin Willians

1º de Janeiro de 2001A seguir aplicaremos os quatro princípios

básicos, acompanhando os resultados:

Proximidade

Tudo o QueVai VoltaLições para viajar

de carona pelo país

Robin Willians

1º de Janeiro de 2001

Se os itens estiverem relacionados entre si, agrupe-os

em prox imidade. Separe-os, se eles não estiverem

diretamente ligados.

Varie o espaço entre os itens para indicar a

prox imidade.

Aprox imando o título do subtítulo, criamos uma

unidade bem-definida, no lugar de seis unidades

segmentadas. Ficou nítido que os dois tópicos estão ligados entre si.

Distanciando o nome do autos e a data, fica claro que estas informações não fazem parte do t ítulo.

Proximidade- CD-ROMs

CD-ROMs

CDs para crianças

CDs educacionais

CDs de lazer

Discos laser

- Educa cional

Aprendizado inicial

Idiomas

Ciências

Matemática

- Material do Professor

Livros

Material do professor

Vídeos

- Hardware e Acessórios

Cabos

Dispositivo de entrada

Armazenamento

Memória

Modems

Impressoras e acessórios

Vídeo e som

O maior problema desta lista é que tudo estápróximo de tudo, dificultando uma relação ou organização.

CD ROMs

Educacional

Material do Professor

Hardware & Acessórios

CD ROMsCDs para criançasCDs educacionaisCDs de lazerDiscos laser

IdiomaisCiênciasMatemática

LivrosMaterial do professorVídeos

CabosDispositivo de entradaArmazenamentoMemóriaModemsImpressoras e acessóriosVídeo e som

A mesma lista foi criada através de grupos visuais.

Acrescentando um contraste aos títulose a

linha divisória dá-se mais legibilidade, o que torna

mais fácil uma relação entre o título e seus

tópicos.

Alinhamento

Tudo o QueVai Volta

Lições para viajar decarona pelo país

Robin Willians1º de Janeiro de 2001

Fique atento a cada elemento que você colocar na

página. Alinhe cada objeto com uma parte lateral de

outro, para que a página inteira fique unificada.

Mesmo que o nome do auto r esteja distante do

título, ex iste uma conex ão visual entre os dois elementos, criada através do alinhamento.

O ex emplo anterior também está alinhado: o

alinhamento é a centralização. Mas como você pode ver, alinhando à esquerda ou à direita (como

este ex emplo) você cria uma lateral mais

marcante, mais fácil de seguir com os olhos.

Repetição

Tudo o QueVai VoltaLições para viajar decarona pelo país

Robin Willians

Repetição é uma fo rma mais marcante de criar

consistência em um material. Avalie se é apropriado

fazer com que um dos elementos fique mais

marcante e utilize-o como o elemento repetitivo.

A fonte diferenciada do tít ulo se repete no nome do

autor, fo rtalecendo a conex ão entre ambos. Os

pequenos triângulos foram especialmente

acrescentados para criar uma repetição. Apesar de

cada um deles apontar para uma direção diferente, a forma triangular é suficientemente específica para ser

reconhecida em todas as suas incidências na página.

A r epetição ajuda a unificar elementos separados

do design (da diagr amação).

Contraste

Robin Willians

Você concorda com o fato de que o ex emplo deste slide

atrai seus olhos muito mais do que o anterio r?

Neste caso, o responsável é o contr aste do preto cont ra

o branco. Há várias maneiras de criar cont rastes: linhas, fontes, cores, relações espaciais, direções, etc.

O trabalho com o contraste neste ex emplo foi apenas o

de acrescentar a caix a preta. Realce um pouco a let ra colocando o subtítulo em itálico, contrastando-o com a

letra normal (sem italização) do título e do nome do

autor.

Tudo o QueVai Volta

Lições para

viajar de

carona pelo país

PROXIMIDADE ALINHAMENTO

REPETIÇÃO CONTRASTE

Quais destes elementos básicos do design você reconhece nas peças a seguir?