Design
nosso de cada dia
Ficha Técnica
Ariellem Moura Blenda Oliveira Daniel Nery Hagnes Batista Palloma Tavares
Diagramação: Blenda Oliveira Daniel Nery Palloma Tavares Capa: Daniel Nery Ilustrações: Ariellem Moura Blenda Oliveira Daniel Nery Hagnes Batista Palloma Tavares Fotografia: Daniel Nery Palloma Tavares Textos: Ariellem Moura Blenda Oliveira Daniel Nery Hagnes Batista Palloma Tavares Revisão: Palloma Tavares Gráfica: Futura
Design
nosso de cada dia
sumário História do design gráfico
08
História da tipografia & impressão
12
Família tipográfica e seus usos
16
Bauhaus x Ulm
20
Leis da gestalt aplicado ao design
24
Técnicas de fotografia
28
Design thinking
32
Design gráfico aplicado ao dia a dia Design de superfície aplicado ao esporte Design gráfico aplicado aos games
36 40 44
Hist贸ria do design gr谩fico
08
19 5
Massimo
Massimo Vignelli trabalhou com “re-branding”, exemplos são empresas familiares, tais como American Airlines e Xerox entre outras. Também criou a sinalização para os sistemas de Metrô de NY e de Washington DC.
É Impossível imaginar a indústria da Música sem a MTV. A rede de TV se tornou a marca mais poderosa da televisão, mais que isso, tornou-se uma bandeira para gerações de Jovens.
David Carson
Vignelli
Em 1949 Bill Bernbach, Ned Doyle e Maxwell Dane criaram a “DDB agency”. Eles introduziram uma nova abordagem de marketing que contou com a introspecção sobre a natureza humana, e o poder da criatividade.
1960
David Carson foi apelidado o designer gráfico criador do estilo “grunge”. Seu trabalho não é focado em legibilidade, mas sim contra esse impulso. O trabalho de Carson bate de frente com o design modernista.
Mahattan Design
1 9 9 0 0 0 2
A obra “infame” de Sagmeister, e o cartaz que ele desenhou para AIGA, em 1999, onde optou por ter o texto do evento cinzelar em sua pele e fotografar como o resultado. Um dos maiores “advogados” do estilo pós-moderno.
Stefan Sagmeister
UEM O FEZ
Bill Bernbach
0
1940
Os trabalhos de Rand eram principalmente em “rebranding” identidades corporativas. Seu estilo minimalista tornou-se um modelo pragmático para as gerações de designers gráficos de hoje.
Seu ecletismo pictórico deixou uma marca em uma geração, tanto que seu impulso de sair da Push Pin (agência de design) em 1974 foi tão significante que foi comparado ao fim dos beatles.
1980
Ele desempenhou um papel crucial introduzindo a simplificação radical nos Estados Unido. Estilo forjado na Europa na década de 1920 a partir de uma amálgama de movimentos de vanguarda na arte e design.
Milton Glaser
1970
1930
Paul Rand
DESIGN POR Jan Tschichold
09
Hist贸ria da tipografia & impress茫o
Tipografia
Uma Viagem Pela História
1 40.000 a.C. Pré-história Impressão com os dedos ou pedaços de pedras. Pictogramas.
4
7
Idade Média Livros eram escritos a mão.
4
Idade Média Surge o pergaminho.
2
34.000 Anos Depois
Mesopotâmia. Invenção da escrita.
12
3
3.000 Surge o papiro, precursor do papel. Os hieróglifos.
5 105 .C. Chineses inventam o papel, e os tipos móveis de argila em 1049 d.C.
6
1.150 Black Letter ou escrita Gótica.
8 Séc. 15 Surge a Italilics Roman, com o objetivo de caber mais palavras em um determinado espaço.
Família tipográfica e seus usos
Manuais
São tipos desenhados caligraficamente e tem vários ornamentos nas maiúsculas. Usada para fins decorativos.
Didone
Reale
Manuais
Anúncios Script
Humanista
Linear
Inciso
Os Incisos se inspiram nas letras esculpidas em pedra e possuem semi-serifa. Usada em literatura, pois possui boa leiturabilidade.
Reale
São típicas do período tradicional, do Iluminismo. Contraste acentuado entre as hastes. Uso em longos textos.
Didones
Contraste radical entre as hastes. Possui serifas lineares, finas e possuem uma configuração geométrica. Possui boa leiturabilidade.
Garaldas
Possui hastes grossas e finas. Eixo inclinado para a esquerda e serifas triangulares. Uso em longos textos. Boa Leiturabilidade e Legibilidade.
Script
Incisa Garalda
Mecanizados Possuem hastes grossas e serifas acentuadas. Não possue boa legibilidade em corpos menores. Usado para visualizaçao a distância.
Humanista Possuem contraste médio entre as hastes. As serifas são triangulares e ligadas à haste por curva. Uso em longos textos. Boa Leiturabilidade e Legibilidade.
Mecanizadas
São tipos que evocam a caligrafia formal ou escrita cursiva. Parecem ser escrito com uma pena. Usada em projetos comerciais.
Lineares
A classe Lineares é composta de 4 subgrupos: grotescos, geométricos, neogrotescos e humanísticos. Uso indicado para causar impacto visual.
16
17
Bauhaus x Ulm
s u a h u a B
De
se
nh
o
co
nc
itu
al
po
ra
lu
no
:I
ng
el
a
Al
be
rs
A intenção primária era fazer da Bauhaus uma escola combinada de arquitetura, artesanato, e uma academia de artes. A Bauhaus adotava um discurso exaltando a técnica e a indústria.
De
si
gn
de
re
lo
gi
o
po
rB
ill
M
ax
Ulm
Ao contrário da proposta da Bauhaus, agora era visado o lado utilitário do design, com uma aposta no atemporal e no universal como conceitos possíveis.
3 Estilo minimalista adotado pela escola
2 Exemplo do design funcionalista da escola
1 Alphabeto da escola Bauhaus
O design era voltado totalmente para a produção industrial.
20
A partir da década de 40/50 nasceu o styling, que prezava a forma e não a função, através do conceito de que “o feio vendia mal”. Foi a partir dessa escola que o design, na Alemanha, amadureceu com a produção de bens de consumo. A escola serviu como modelo para as demais instituições que vieram a surgir. Capa do livro Ulm Design: a moralidade de Objetos
21
Leis da gestalt
Segregação significa a capacidade perceptiva de separar, identificar, evidenciar ou destacar unidades formais em um todo compositivo ou em partes deste todo.
Elementos ópticos próximos uns dos outros tendem a serem vistos juntos e, por conseguinte, a constituírem um todo ou unidades dentro do todo.
Segregação
A igualdade de forma e de cor desperta também a tendência de se construir unidades, isto é, de estabelecer agrupamentos de partes semelhantes.
Semelhança
Proximidade
Unidade
O fechamento é importante para a formação de unidades. As forças de organização da forma dirigem-se espontaneamente para uma ordem espacial.
Uma unidade pode ser consubstanciada num único elemento, que se encerra em si mesmo, ou como parte de um todo
A boa continuidade, é a impressão visual de como as partes se sucedem através da organização perceptiva da forma de modo coerente, sem quebras ou interrupções na sua trajetória ou na sua fluidez visual.
24
Pregnância
Fechamento Continuidade
As forças de organização da forma tendem a se dirigir tanto quanto o permitam as condições dadas, no sentido da harmonia e do equilíbrio visual
25
TĂŠcnicas de fotografia
Tim
Publicid ad ee s
Pu b
mm
Implica uma abertura estreita e longa duração da velocidade do obturador.
Cria uma forte sensação de movimento e velocidade sem tirar o foco do assunto principal. or Felippe do p Be lica lco b u r P
e por arte de dad Alv lici b es Pu
e
35
Panning
a sp ga
85
mm
Longa Exposição
r Interest re po ing sca NY s e
Group ckr Fli
135
Favorece a estética da fotografia em determinados horários pela angulação / intensidade do sol.
C
mm
amento acr oS ul
mm
ristica por Tyl e tu er ad W d i e il c
Distância focal 28
300
É a regra para uma captação interessante e quilibrada de uma imagem visualmente .
tt tco st
55
mm
Publi cid ad e
la
105mm
umunitario po com rP te r a po
Regra dos Terços
image: flick r.co m /
Golden Hour
Distorce e desfoca as áreas iluminadas das fotos, causando assim efeitos flocados.
A composição não depende quase nada do seu equipamento no máximo das lentes que usa, entender a parte técnica é importante, pois, a composição do conjunto de técnicas é o que realmente vai diferenciar a sua foto das outras milhões. Na verdade, regras são feitas para serem quebradas! A arte é sobre a exploração de si mesmo e do seu meio. Mas para ser um artista você tem que aprender o básico primeiro antes de quebrá-las. Os únicos limites da fotografiaé a criatividade de quem esta atrás da lente.
200
Boken
da da iva r p
an rd jo
Técnicas de fotografia
r Mash do po Bo nig lica b u a P
mm
Contre-jour Fonte de luz que está localizado diretamente atrás do objeto, produz luz de alto contraste em segundo plano e silhuetas escuras na frente.
Panning Light Adequando a abertura da lente e a velocidade do obturador regula à quantidade de luz.
29
Design thinking
32
33
Design grรกfico aplicado ao dia a dia
Design por todos os lados
Mídia eletrônica Tudo que é comportado em um suporte eletrônico por exemplo; programas de televisão, web sites, celulares e etc. .
O Design Gráfico está inserido no nosso cotidiano por meio de marcas, embalagens, livros, placas, camisetas, vinhetas de cinema, web sites, jogos, produtos, eventos, anúncios, e etc. Enfim, em quase tudo relacionado a imagem que você consume todos os dias. As cinco principais divergências são:
& Design Promocional Está destacado nos pontos de vendas em supermercados, shoppings, impressos de divulgação de produtos e etc.
Embalagens Serve para transportar um produto, mas também para manifestar o posicionamento de uma marca e diferenciá-la perante os concorrentes.
Design Editorial Trabalha a produção de livros e revistas, ou seja, material que tiver a finalidade de ser impresso.
Identidade Corporativa É o conjunto de atributos que torna uma empresa única. Essa identidade é tudo que a empresa produz e divulga.
36
37
Design de superfĂcie aplicado ao esporte
Uma subdivisão do design de superfície aplicado ao esporte é a promoção de eventos esportivos e equipes, bem como a promoção de outros produtos e serviços não esportivos. O objetivo é divulgar algo diferente do esporte por meio do esporte.
Propagandas
Possue visibilidade mesmo a uma grande distância das arquibancadas. Normalmente posicionados em locais privilegiados.
Visam a legibilidade. Tendem a ser repetitivos, por isso acabam formando uma unidade e acompanhando a velocidade das câmaras.
A simplicidade das marcas, quanto às formas e as cores, permitem uma melhor legibilidade mesmo com o carro em movimento.
Maior pregnância, simplicidade e segregação para uma leitura rápida.
Cores e padronagens são usadas para diferenciar os jogadores no campo e segregar as equipes, além de destacar os patrocínios.
40
B B B
B B B
41
Design grรกfico aplicado aos Games
PONTOS - 33,294
Design interativo Design de jogos é dar “vida” as coisas digitais, com a finalidade de interagir com os jogadores. O designer gráfico se concentra em imaginar as coisas como elas poderiam ser, mais do que se concentrar em como as coisas são.
O jogo Os jogos mais recentes usam cinco dimensões, para imitar a realidade, cativando o compromisso do jogador com uma representação mais tangível.
44
VIDA
1D : Palavras
10:01 10:01
200
2D : Representações
visuais
3D: Altura
Largura Profundidade
4D: Tempo
5D : Comportamento
45
Grupo Pรกgina