design gráfico: um resumo

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