design gráfico: um resumo
TRANSCRIPT
DESIGN GRÁFICOum resumo
Flávia Peluzzo • rafo Barbosa • Renata Gibson
1. Composição2. Estratégias de Layout3. Cor4. Tipografia5. Formato6. Papel7. Impressão
TÓPICOS ABORDADOS
?O QUE É
design
_Denomina-se design qualquer processo técnico e criativo relacionado à elaboração de um artefato.pt.wikipedia.org/wiki/Design
_Ferramenta de comunicação de marketing que trabalha com formas, traços e cores.www.dicionariopublicitario.net/d.php
_Aparência estética de um produto ou de parte dele.www.ip4inno.eu/index.php
_Diz respeito tanto a peças de propaganda quanto ao desenvolvimento de embalagens, logotipos e ações de identidade corporativa.www.estadao.com.br/noticias/economia,pequeno-glossario-de-termos-publicitarios,185990,0.htm
DESIGN REFERE-SE AO PROJETO
VISUAL E FUNCIONAL DE UM PRODUTO. É ADAPTAR UM PRODUTO À NECESSIDADE DOS SEUS USUÁRIOS,
CATIVAR O SEU USO ATRAVÉS DA ESTÉTICA,
ATRIBUIR CONCEITOS À SUA FORMA.
TEORIA
FUNÇÃOFORMA/ ESTÉTICA
ARTE/ABSTRAÇÃO
CONCEITO
DESIGN
CONTEÚDO
infográfico: rafo Barbosa
infográfico: IDEO
TERMINOLOGIAS BÁSICAS
página lâmina
COMPONENTES DE UM PROJETO GRÁFICO:
O estudo composicional de um projeto gráfico visa a melhor maneira de organizar os elementos visuais (imagens, cores, textos, formas, texturas).
Para tanto, precisamos identificar quais são os elementos e como relacioná-los.
COMPOSIÇÃO
PONTO:Qualquer ponto, independente da forma arredondada, apresenta uma grande força de atração sobre o olho.
ELEMENTOSdaCOMPOSIÇÃO
banco de imagens
pag 34 e 35 do livro LayOut.
Claude Monet
LINHA:A linha é definida como uma sucessão de pontos. Apresenta uma sensação de direcionamento.VERTICAL / HORIZONTAL / DIAGONAL / ORGÂNICA
Elliott Erwitt
Les Demoiselles d’AvignonPablo Picasso(1907)
William Morris(final do séc. XIX)
Still Life: Le JourGeorges Braque(1929)
Alexander Rodchenko
Podemos considerar uma imagem ou uma mancha de texto como um “ponto” em uma lâmina ou em uma página:
ABRIR DESIGN DO LIVRO
REGRA dos TERÇOSUma regra simples que determina os pontos que chamam mais atenção, proporcionando uma composição mais interessante e dinâmica do que a tradicional, centralizada.
Direcionamento do olhar (ocidental)
Em que lugar da lâmina você colocaria estas duas imagens?
imagem A imagem B
forma e contraforma
A curiosidade e o olhar
Cassandre (1931)
Cassandre (1925)
Cassandre (1932)
Tendência de seguir o olhar e direções
Josef Koudelka
Não vemos partes separadas, vemos RELAÇÕES.
O cérebro interpreta o que vemos.
Por que vemos as coisas como as vemos?
ESCOLA GESTALT teorias da forma
A Gestalt surgiu no início do século XX na Universidade de Frankfurt, Alemanha. Segundo a Gestalt, o cérebro é um sistema dinâmico no qual se produz uma interação entre os elementos, através de princípios de organização perceptual.
Gestalt do ObjetoSistema de Leitura
Visual da FormaJoão Gomes Filho
Todo o processo consciente, toda a forma psicologicamente percebida está estreitamente relacionada a forças integradoras do processo fisiológico cerebral. Postulado da Gestalt
Vemos as coisas como as vemos por causa da organização (forças internas) que se desenvolve a partir do estímulo próximo (forças externas).
Forças externas: agentes luminosos percebidos pela retinaForças internas: tendência do cérebro de organizar, estruturar esses estímulos.
A partir de observações da percepção visual do homem, o movimento gestaltista criou as seguintes leis:
· UNIDADES· SEGREGAÇÃO· FECHAMENTO· CONTINUIDADE· PROXIMIDADE· SEMELHANÇA· PREGNÂNCIA
U N I D A D E SÚnico elemento ou conjuto de mais de um elemento que configura um “todo”. As unidades são percebidas por meio da verificação de relações (formais, dimensionais, cromáticas, etc).
Capacidade perceptiva de separar, identificar, evidenciar ou destacar unidades. Pode-se separar uma ou mais unidades em função das forças de um ou mais tipos de contrastes.
alto contrastemédio contrastebaixo contraste
GAÇÃO
Andreas Gursky
Elementos próximos uns dos outros tendem a se agruparem.O posicionamento próximo de elementos distintos possui maior força de atração do que elementos similares que estão distantes entre si.
PROXIMIDADE
Elementos similares tendem a se agrupar. A similaridade pode ocorrer devido a características de cor, forma, textura, ou dimenção dos elementos.
SEmeLHança
Gordon Parks
Rodchenko
Doisneau
Está relacionada à coincidência de direções, ou alinhamento, das formas dispostas. Se vários elementos de um quadro apontam para o mesmo canto, por exemplo, o resultado final “fluirá” mais naturalmente.
Continuidade
Tendência do cérebro de completar a imagem. Princípio em que a forma fecha sobre si mesma
Margaret Bourke-White
Marc Riboud
A lei da simplicidade, que favorece a harmonia e o equilíbrio visual.
Quanto melhor for a organização visual da forma do objeto, em termos de facilidade de compreensão e rapidez de leitura ou interpretação, maior será o seu grau de pregnância.
PREGNÂNCIA
Diane Arbus
Edward Weston
Edward Weston
David Lachapelle
Edward Steichen
O que seria ideala) Arte com baixa pregnânciab) Arte com alta pregnância
ESTRUTURAS COMPOSICIONAIS
As leis da Gestalt apresentam um caráter objetivo, devido ao embasamento científico de estudos psicológicos.
Porém, existem considerações baseadas em conceitos subjetivos que complementam a análise estrutural da imagem, como conceitos de Harmonia, Equilíbrio e Contraste.
Harmonia DesarmoniaDisposição formal bem organizada.
Ordem / Regularidade
Resultado de uma desarticulação na integração das unidades.
Desordem / Irregularidade
ESTRUTURAScomposicionaisINTUITIVAS
Equilíbrio(estável)
Desequilíbrio(instável)
As forças, agindo sobre um corpo, se compensam mutuamente (ação e reação).Peso e direção / Simetria
As forças não se compensam, gerando a sensação de instabilidade.
AshleyHavinden
Laszlo Moholy-Nagy
Contraste
Luz e Tom
Proporção Forma e Contra-Forma(relação figura e fundo)
Cor
Robert Mapheltorp
Contraste de proporção
Banco de imagem
ANÁLISE DAS ESTRUTURAS COMPOSICIONAIS:
Afinal, o que é certo ou errado
Formato
Cores
A cor é a forma mais imediata de comunicação não verbal
Pense em um vermelho...
O que diferencia um vermelho do outro?Cada cor tem um “valor”, determinado por sua matiz, saturação e brilho.
MATIZ | CORA cor em si.Formada pelos diferentes comprimentos de onda da luz.
SATURAÇÃO | CROMAPureza da cor.Tendência da cor ir em direção ou se afastar do cinza.Saturação máxima (0% de cinza): Cores vivasPouca saturação (>0% de cinza): Cores opacas.
BRILHOSe a cor é clara ou escura.A mudança de brilho ocorre com mistura da cor em proporções diferentes de preto ou branco.
Cores e seus nomes
http://pt.wikipedia.org/wiki/Lista_de_cores
azul Yves Klein
UrucumTijolo refratário
RoxoPúrpura
NavalOrquídea escura
Azul realRosa forte
FúschiaRosa chocanteRosa profundoRosa brilhante
SalmonAbóbora
CoralMilho
AmareloVerde claro
Verme gramaVerde Paris
Verde florestaVerde escuro
HortelãVerde amarelado
JadeAzul céu profundo
Azul açoAzul furtivo
Azul
Vermelho
Roxo
Rosa
Laranja
Amarelo
Verde
Azul
Nomes das cores se você for mulher
Nomes das cores se você for homem
Simbolismo das CoresAs cores possuem a capacidade de suscitar reações emocionais no homem.
Porém devido ao contexto cultural e social, uma mesma cor pode apresentar diversos significados. http://www.mariaclaudiacortes.com/colors/Colors.html
Percepção das cores
“A cor é o meio mais relativo dentre os utilizados na arte.”
Josef Albers
Toulouse-Lautrec
“isso não é uma mulher; é uma pintura!”
Em uma pintura é quase impossível ver uma cor isolada, separada e sem relação com as outras.
Seurat
Também é importante compreender o comportamento das cores diante de outras cores e de demais objetos. Duas cores distintas podem parecer iguais, dependendo da interação. Da mesma forma, duas cores iguais podem parecer diferentes, dependendo de onde estão inseridas.
O olho humano assimila qualquer uma das 3 cores primárias: vermelho | amarelo | azul
Ao olhar fixamente para uma dessas 3 cores, o olho se cansa e busca compensar com a mistura das outras 2 cores ,o que geraria a cor complementar.
Por que as cores enganam?
SISTEMA ADITIVORGB (Red, Green, Blue) • COR LUZ
Chama-se aditivo porque a adição das três cores primárias formam a luz branca.
SISTEMA SUBTRATIVOCMYK (Ciano, Magenta, Amarela, Preto)
COR PIGMENTO
O sistema subtrativo leva esse nome tendo em vista que a mistura de suas cores primárias tendem ao preto, ou seja, ausência de luz.
“the quick brown fox jumps over the lazy dog”
Tipografia
caixa alta caixa baixa
Elementos da letra
ascendentedescendentelinha de basealtura-xcaixa altacaixa baixa
SerifadaSans-serifScript, ManuscritaSlab, EgípciaBodoniDecorativaFraktur, GóticaDingbats
1 Ascendente2 Altura de x3 Linha de base4 Descendente
serifa
Famílias tipográficas mais comuns
ascendentedescendentelinha de basealtura-xcaixa altacaixa baixa
SerifadaSans-serifScript, ManuscritaSlab, EgípciaBodoniDecorativaFraktur, GóticaDingbats
Serifada
Sans-serif
Script, Manuscrita
Slab, Egípcia
Monospace
Decorativa
Gótica
Dingbats
I HATE YOU
I love you
TIPOGRAFIA COMO ILUSTRAÇÃO