02/09/16

1

Aula05ElementosdoDesign

FATEC–ITU–CursoSuperiordeTecnologiaemEventosDisciplinaDesignGráficoProf.Ms.LucianePanisson

Composição Visual

•  Elementos que estruturam a linguagem visual

•  Princípios que regem a combinação desses elementos

•  Quando numa superfície colocamos um conjunto de elementos, quer sejam pontos, linhas, cores ou objetos, de uma forma organizada efetuamos uma composição

•  FATEC–ITU–CursoSuperiordeTecnologiaemEventos•  DisciplinaDesignGráfico•  Prof.Ms.LucianePanisson

02/09/16

2

• A composição influencia diretamente no que é recebido pelo espectador. É onde o criador se expressa. • Um bom design é aquele onde o designer combina com inteligência e criatividade os elementos e princípios do design.

•  FATEC–ITU–CursoSuperiordeTecnologiaemEventos•  DisciplinaDesignGráfico•  Prof.Ms.LucianePanisson

De acordo com Wucius Wong (Princípios da Forma e Desenho), podemos dividir os elementos em 4 grupos:

•  FATEC–ITU–CursoSuperiordeTecnologiaemEventos•  DisciplinaDesignGráfico•  Prof.Ms.LucianePanisson

Elementos conceituais: •  Ponto •  Linha •  Plano •  Volume

Elementos práticos: •  Representação •  Significado •  Função

02/09/16

3

•  FATEC–ITU–CursoSuperiordeTecnologiaemEventos•  DisciplinaDesignGráfico•  Prof.Ms.LucianePanisson

Elementos visuais: •  Formato •  Tamanho •  Cor •  Textura

Elementos relacionais: •  Direção •  Posição •  Espaço •  Gravidade

02/09/16

4

Ponto O ponto é o elemento mais simples do design. Geometricamente, um ponto é um par de coordenadas X, Y, ele não possui massa alguma. Do ponto de vista gráfico, no entanto, denomina-se ponto tudo aquilo que é pequeno em relação aos elementos que o cercam e possui um formato relativamente simples.

Grandes

Pequenos

Concentrados

Dispersos

02/09/16

5

hNp://www.harley.com/abstract-art/Lavender Mist, Jackson Pollock

Linha Um ponto em movimento gera uma linha. Assim uma linha é constituída por um conjunto de pontos. " A linha pode ser definida como o percurso de um ponto”

Leonardo

da Vinci

02/09/16

6

Linha

•  A linha interfere na percepção do volume •  A linha é um elemento gráfico de desenho muito

importante, com ela definem-se as formas e podemos exprimir a nossa imaginação e criatividade

•  Uma linha organizada tem o poder de dirigir o olhar •  A fluidez de um traço vai depender antes de tudo de sua

espessura; uma linha fina e suave simboliza um movimento rápido e delicado, já uma grossa e irregular expressa o oposto. É importante lembrar que quando uma linha adquire certa espessura, passa a se comportar como plano; assim como o ponto, a espessura máxima de uma linha vai depender do contexto em que ela esta inserida.

TIPOS DE LINHAS: •  Retas •  Espirais (curvas e quadradas) •  Curvas •  Sinuosas •  Quebradas

02/09/16

7

“O Grito” (1893) Edvard Munch

“Whaam” (1963) Roy Lichtenstein

02/09/16

8

“Composição em vermelho, azul e Amarelo” (1930) Piet Mondrian

Vestido Mondrian Yves Saint Laurent (1965)

02/09/16

9

Movimento

Velazquez, Diego Venus at Her Mirror ("The Rokeby Venus") c. 1644-48 Oil 122.5 x 177 cm National Gallery, London

02/09/16

10

Giotto The Mourning of Christ

c. 1305 Fresco

Cappella dell'Arena, Padua

Linhas de Contorno

Plano Quando várias linhas se agrupam, forma-se o plano, uma superfície com largura e altura. Um plano com limites define uma forma. O plano pode de qualquer cor, liso ou áspero, opaco ou transparente, etc.

02/09/16

11

Volume Todo objeto que possui profundidade tem volume. Para representar tal profundidade em um plano bidimensional (folha de papel, tela de computador, etc) são usadas convenções gráficas. A perspectiva linear é um dos artifícios usados para simular volume; nosso olho percebe os objetos em primeiro plano maiores, e a medida que estes vão se afastando, os percebemos menores. Outro artifício usado é a variação da espessura da linha, pois à medida que os objetos se afastam, a linha é mais fina (usado muito em quadrinhos).

CORES •  As cores estão presentes em toda parte. As diferentes

combinações de cores influenciam nossos sentidos e parecem alterar as proporções de um determinado objeto ou ambiente. A cor é a sensação provocada pela ação da luz sobre o órgão da visão; portanto, ela precisa da luz para existir.

02/09/16

12

CORES PRIMÁRIAS

•  Cores primárias (Cores puras) •  Azul •  Vermelho •  Amarelo

Sãoascoresob+dasatravésdamisturadeduascoresprimárias.• Violeta=Azul+vermelho• Laranja=Vermelho+amarelo• Verde=Amarelo+azul

CORES SECUNDÁRIAS

02/09/16

13

CORES TERCIÁRIAS

•  Cores terciárias (Junção de uma cor secundária com uma cor primária vizinha)

•  Violeta-avermelhado (Carmim/bordô) •  Vermelho-alaranjado (Tomate) •  Amarelo-alaranjado (Amarelo-ouro) •  Amarelo-esverdeado (Verde-limão) •  Verde-azulado (Turquesa) •  Violeta-azulado (Anil)

CÍRCULO CROMÁTICO

02/09/16

14

CONSULTAR O CIRCULO CROMÁTICO para discutir palhetas num contexto de moda pode ser prático e esclarecedor. Além de nos auxiliar nas dúvidas mais freqüentes , o círculo cromático é lindo e pode ser fonte de inspiração em nossa rotina de criação e trabalho!

Harmonia das cores

• Para se conseguir um efeito visual agradável, devem-se combinar as cores de uma forma harmoniosa. Temos que ser criteriosos nas combinações a serem observadas, produzindo assim, efeitos surpreendentes.

02/09/16

15

Cores Complementares

Sãoascoresopostasnocírculocromá^co.Ascorescomplementaresequilibramumtrabalhocriandocontrastes.Masdeve-setercuidadoaofazerseuusopoisusarapenascorescomplementaresnumacriação,oefeitopodeserdesastroso,causandovibraçõesvisuaisirritantes.Entãocomocombinarascorescomplementares?

Emprega-seumacorprincipalediferentestonsdelae,depoiscomplementa-secomacoropostaparafazercontraste.Istofazcomqueascoresrealcementresi.

02/09/16

16

Cores Análogas • Análogosignificasemelhante.Coresanálogassãocoresvizinhasnocírculocromá^co.

Análogas do amarelo

Análogas do verde

Análogas do azul

Análogas do vermelho

Cores neutras • Descansamavistadepoisdeumesdmulocausadoporumcontraste.• Branco/preto/cinza/marrom/bege

LiseloNeWatkins

02/09/16

17

•  Cores quentes •  Predominância da cor vermelha

•  Cores frias •  Predominância da cor azul

Monocromiaéumesquemadeumaúnicacor(primária,secundáriaouterciária)esuasvariaçõesemtermosdetons,contrasteesaturação.Usaressacombinaçãodecoreséquasesemprebom,sódevesetomarmuitocuidadoparatornarosuacombinaçãomonótona.Usaramonocromiacombinadacompretoebrancopodesereficiente.

02/09/16

18

Policromia é um esquema de vária cores

CORES E SEUS EFEITOS

•  Objetos de cores quentes e fortes parecem maiores e mais próximos.

•  Objetos de cores frias e claras parecem menores e mais distantes.

•  Ambientes de cores frias ou claras parecem maiores.

•  Ambientes de cores quentes ou escuras parecem menores.

02/09/16

19

TEXTURA •  Superficie com a qualidade de ser “sentida” a partir do

toque