infografia
Anderson Furtado Carolina Costa Emmanuel Dias Ian Lopes Marco Ant么nio Porto Wagner Silva
Belo Horizonte - Junho de 2012
ficha técnica Autores:
Anderson Furtado Carolina Costa Emmanuel Dias Ian Lopes Marco Antônio Porto Wagner Silva
Projeto Gráfico: Grupo Imagem
Revisão de Texto:
Ian Lopes e Wagner Silva
Diagramação: Carolina Costa
Formatação:
Grupo Imagem
Capa:
Ian Lopes
1ª Edição Tiragem: 2 exemplares.
Todos os direitos reservados. A reprodução não autorizada desta publicação, no todo ou em parte, constitui violação de direitos autorais (Lei n° 9.610) Furtado, Anderson, 1989. Costa, Carolina 1991.Dias, Emmanuel 1991. Lopes, Ian 1989. Porto, Marco Antônio 1990. Silva, Wagner 1960. Infografia/Anderson Furtado, Carolina Costa, Emmannuel Dias, Ian Lopes, Marco Antônio Porto e Wagner Silva. 2012. 20 f. 20cm Orientador: Rodrigo Antônio Queiroz Costa. Trabalho Interdisciplinar de Graduação - UNIBH, Curso de Design Gráfico, 2012. 1. Design gráfico. I. Costa, Rodrigo Antônio Queiroz. II. UNIBH Curso de Design Gráfico III. Infografia
sumário
A história do Design Gráfico.............................08 Anatomia da letra.............................................10 Biônica.............................................................12 Leis da Gestalt..................................................16 Classificação tipográfica...................................18 Linguagem dos cartazes de cinema...................20 Design de superfície.........................................22 Geometria do design Uso das cores no design
Lista de ilustrações
Lista de il
Infográfico "A história do Design Gráfico"
Infográfico "
1 - James Watt (http://www.wikipedia.org/) 2 - Impressora de Sthanhope (http://www.tipografos.net/) 4 - Primeira fotografia de Niépce (www.cotianet.com.br/photo) 5 - Linotipo (www.historiayleyenda.com/old_news/linotipia.htm) 6 - Livro Arts & Crafts (davidocchino.com/portfolio/typography/arts-and-crafts-font.html) 7 - Cartaz "Pantomimes Lumineuses" (www.1st-art-gallery.com/Jules-Cheret/html) 8 - Cartaz Bauhaus (www.creativehairproduction.com/bauhaus) 9 - Cartaz construtivismo russo (marioav.blogspot.com.br/2007) 10 - Capa revista Esquire (www.freakshowbusiness.com) 11 - Marcas IBM/CBS/Westinghouse (Divulgação) 12 - Las Aversiones del Ojo (cartaz) (www.posterpage.ch.htm) 13 - Marcas MTV (http://www.designboom.com)
Infográfico "Biônica"
1- http://www.criadesignblog.com/ 2- www.photexpress.com.br 3- Arquivo pessoal
Infográfico "A linguagem dos cartazes de cinema"
Lista de ilustrações
Todos os cartazes foram retirados de sites de divulgação dos filmes estudados.
Infográfico "Design de Superfície" 1 - Estampa (http://www.gordinhasdobrasil.com/2011/06/estampas-verao-2012.html) 2 - Blusas com estampas da estação (http://globodicas.com.br/tendencias-de-estampas-para-2012/) 3 - Azulejos de Candido Portinari - Igreja de São Francisco de Assis Arquivo Pessoal 4 - Imitação de madeira (http://boutiquecasa.wordpress.com/2010/01/19/parece-madeira-mas-e-ceramica/)
04
http://guiademoda.files.wordpress.com/2011/10/inspirac3a7c3a3o-oriental.jpg http://ciadalulu.com.br/wp-content/uploads/2012/02/estampa3.jpg http://www.guiasaude.org/wp-content/uploads/sapatos-estampados-2012-121.jpg
1 - Estampa (http://www. 2 - Blusas co (http://globo 3 - Azulejos Arquivo Pess 4 - Imitação (http://bouti
http://guiad http://ciadal http://www.g
Infográficos 1- Ilustraçõe
Infográficos Arquivo pess
Infográfico http://ohnot
4 - Imitação de madeira (http://boutiquecasa.wordpress.com/2010/01/19/parece-madeira-mas-e-ceramica/) http://guiademoda.files.wordpress.com/2011/10/inspirac3a7c3a3o-oriental.jpg http://ciadalulu.com.br/wp-content/uploads/2012/02/estampa3.jpg http://guiademoda.files.wordpress.com/2011/10/inspirac3a7c3a3o-oriental.jpg http://www.guiasaude.org/wp-content/uploads/sapatos-estampados-2012-121.jpg http://ciadalulu.com.br/wp-content/uploads/2012/02/estampa3.jpg http://www.guiasaude.org/wp-content/uploads/sapatos-estampados-2012-121.jpg Infográficos "Uso das cores no Design" e "Leis da Gestalt" 1- Ilustrações de própria autoria. Infográficos "Uso das cores no Design" e "Leis da Gestalt" 1Ilustrações"Análise de própria autoria.e Famílias tipográficas" Infográficos tipográfica Arquivo pessoal. Infográficos "Análise tipográfica e Famílias tipográficas" Arquivo pessoal. Infográfico "Cartazes de Cinema " http://ohnotheydidnt.livejournal.com/64047251.html e http://chocoladesign.com/cartazes-falam-muito Infográfico "Cartazes de Cinema " http://ohnotheydidnt.livejournal.com/64047251.html e http://chocoladesign.com/cartazes-falam-muito Infográfico “Famílias tipográficas” 1-http://www.caligraffiti.com.br/wp-content/uploads/2009/07/justmytype4.png 2-http://tipografos.net/tipos/merida-caesar1.jpg
Infográfico ”Geometria doDesign” 1-http://1.bp.blogspot.com/-LpntOURGLaw/T1PYzWKAH7I/AAAAAAAAAq0/MjDeDCBMwuY/s1600/compasss.jpg 2-http://25.media.tumblr.com/tumblr_looc2uD6a31qiqf01o1_1280.jpg 3-http://4.bp.blogspot.com/-CsY4avCoYWU/TbXGHxZTusI/AAAAAAAAAAk/cPppedaUCJ0/s1600/monalisaproporcao-aurea.jpg 4-http://www.webdialogos.com/wp-content/uploads/2010/09/novo-twitter-propor%C3%A7%C3%A3oaurea-webdialogos.jpg 5-http://www.designontherocks.xpg.com.br/wp-content/uploads/2011/07/vitruvio.png 6-Image Shack 7-http://www.entreculturas.com.br/wp-content/uploads/2011/03/kaila4921.jpg 8-http://1.bp.blogspot.com/-N-MNOTgPMT4/TykoytDGuFI/AAAAAAAAAu4/7vmrQZ2FmQ8/s1600/composicao-com-racio-fibonacci-2.jpg
05
06
infogrรกficos
07
08
09
ANATOMIA
Asce
Vertice
Linha Ascendente
Barra ou trave Abertura
Arremate
xAe fg
Linha de caixa alta
Linha Base
Serifa
Linha Descendente
Haste ou Fuste
Enlace
Pesc
10
DA L E T R A
endente
Ombro
Orelha
Barra ou trave
Terminal
Arco
H gpa
coรงo
Olho
Cauda, Perna ou Gancho
Bojo
11
O Eixo
Biônica
Biônica é o estudo de seres vivos (plantas, animais) com o intuiro de aplicar soluções existentes na natureza em sistemas mecânicos, formas, produtos e indústria. O Design, talvez agora mais do que nunca, procura explicita ou implicitamente inspiração no mundo natural. E quando se trata de tornar belos os objectos do quotidiano, a Natureza tem muitas sugestões à espera de serem encontradas.
O Coral Lamp, uma cúpula para lâmpada com design baseado na estrutura de “favos” de coral (ou mel). Produzido pelo Studio Aisslinger a solução também foi aplicada em um tipo de “puf” que aparentou bastante conforto e flexibilidade.
12
Os alemães da Phoenix Design bolaram usando o princípio da biônica (usar formas da natureza como inspiração para resolver problemas de design): um ventilador que bate asas! Segundo oBemLegaus, onde achei a dica, as asas têm 1,75 m de altura.
Criado pela designer suíça La Chanh Nguyen, este tapete de banheiro é feito de espuma de celulose reciclada e coberto com três espécies diferentes de musgos. Projetado para ser flexível e durável, o tapete tem uma cobertura que não necessita de muita luz e sobrevive apenas da umidade do banheiro.
A marca australiana de sandálias KUSA criou chinelos equipados com solados de grama, para os que adoram a sensação de sentir os pés descalços no chão verde.
13
1982, o botânico Wilheim Barthlott percebeu a folha de Lótus possui superfície hidróEm Em 1982, o botânico Wilheim Barthlott percebeu queque a folha de Lótus possui superfície hidrófoba repele a água) e autolimpante, o que se tornou conhecido como s-effect. foba (que(que repele a água) e autolimpante, o que se tornou conhecido como LotuLotu s-effect. Isso Isso porque num nível microscópico, a folha possui de micro e nanoestruturas encera porque num nível microscópico, a folha possui umauma sériesérie de micro e nanoestruturas encera diminuem a superfície de contato a água e a sujeira. dasdas queque diminuem a superfície de contato comcom a água e a sujeira.
A água cai sobre A água que que cai sobre umauma folhafolha de de forma gotículas se movem lótuslótus forma gotículas que que se movem como as de mercúrio, recolhendo como as de mercúrio, recolhendo partículas de sujeira caminho. partículas de sujeira pelopelo caminho.
A descoberta foi foi aplicada para criarcriar a tinta A descoberta aplicada para a tinta biônica Lotusan, queque deixa fachadas e outbiônica Lotusan, deixa fachadas e outras ras superfícies à prova de água e limpas por por superfícies à prova de água e limpas muito mais tempo. muito mais tempo.
14
O estúdio coreano Nothing Design Group, com o projeto em colaboração com a Asiana Airlines e a Korea International Cooperation Agency. Trata-se da realização e instalação de novos postes de iluminação pública alimentados por energia solar. O novo projeto de iluminação faz parte de um projeto de revitalização da zona de Angkor Wat, no Camboja.
O objetivo é mais do que nobre. Símbolo desde renascimento, os postes que lembrar uma árvore e que assim, conseguem se integrar à paisagem. Por enquanto, foram instalados 16 pontos de luz nos próximos cinco anos, outros cinco devem ser instalados na região.
15
GESTALT
16
Assim, um objeto
17
Classificação das famílias tipográficas tica. aste é t s oe ontr paçã ção e c u c preo odula s. e t r m o o f nte rcul í a c t s e ba aços r de t
Serifadas Romanas
Antigas Transição Mecânicas Modernas Incisas
raote P d m a e i r Mir Sem
Simplified Arabic Em comum com os outros romanos, Bodoni
somente o assentamento em seus caracteres. Remates retos
Baskerville Transição entre as antigas e as modernas. Deixam a forma triangular para adotar a côncava ou horizontal.
Times New Roman 18 Forma triangular e côncava do remate.
e ial. senc ulação rculos. s e d o cí o n foco muita m traços e sem aste de tr con
Sem serifas Egípcias
Lineares Grotescas o siçãfino n a tr sosem gros
O
olho pratica m geomeénte trico
Gill Sans Pouco contraste de
semserifa traços
Futura Traços uniformes
e
bb Decorativas bb
Rotuladas
b
Caligráficas
b
ão am , o t men res stru criado n i o s tam de seu n o ap dição a tra
. exto t e sd tipo solado. o i om as c ádico e d i b r nce spo o co uso e ã s não m para e serv
Fantasia
Góticas
Época
Cursivas
Eduardian Brush Escrituras de mão Baseadas na mão que as criou
informais
Broadway sugerem uma época, moda ou cultura.
Old english Composição apertada e verticalidade acentuada
19
Snap Pouco legiveis
CINEMA CARTAZ
Durante a história do cinema, os cartazes foram ganhando cada vez mais importância na divulgação dos filmes. Os cartazes são feitos de acordo com o enredo do filme, funcionando como um teaser e assim gerando a curiosidade do telespectador. O cartaz traz consigo uma carga de mensagens para que se identifique o tipo de filme.
pernas abertas Filmes com apelo sexual. Na lista feita pelo site americano "Oh No, They Didn’t" composta por 42 filmes, apenas um com essa característica não falava de sexo.
correria Filmes de suspense e ação. Geralmente, utilizam as cores azul e vermelho para dar a idéia de angústia e ação, respectivamente.
20
costas com costas Geralmente, é utilizada em comédias românticas ou comédias que tenham um leve de toque de ação. É comum vir acompanhados de cores frias para dar um aspecto mais friendly.
cama Se você pensou que cartazes com cama estão relacionados a filmes de sexo, enganou-se: cartazes geralmente são comédias românticas ou dramas, ou seja, pouco ou nenhum sexo.
olho Muito utilizado em cartazes de filmes de terror para transmitir a sensação de que você está sendo vigiado ou observado. A única exceção nesse caso é o filme Avatar.
21
O QUE É? Design de superfície é a definição usada nos Estados Unidos e no mundo todo para definir todo projeto elaborado por um designer, no que diz respeito a tratamento e cor utilizados em uma superfície, industrial ou não (RUBIM, Renata).
EXEMPLOS
DESIGN DE SUPERFÍCIE
Estampa para moda
APLICAÇÕES O designer de superfície pode trabalhar com qualquer superfície, porém os projetos para superfícies contínuas são mais comuns (tecidos a metro, papéis de presente e parede, carpetes e azulejos).
Estampa para azulejo
MERCADO Para quem se interessa por design de superfície, boas notícias: o mercado está em alta, principalmente no que se diz respeito à estampas digitais. Com as facilidades das prensas Transfer, a produção ficou mais rápida e prática.
22
Estampa para tapete
TÉCNICAS DE CRIAÇÃO DE ESTAMPAS
Técnica básica de rapport
A representação mais utilizada na criação de estampas é chamada de rapport (do francês, repetir).O ideal é que o designer comece a criação da padronagem rascunhando à mão e só depois passe para o meio digital, já que é preciso verificar se não há nenhum erro na criação. DICA: Ao criar uma estampa, verifique a escala em qual será utilizada a estampa. Afaste-se cerca de 1,5m da estampa e observe como ela vai parecer quando estiver reduzida. O que você não conseguir ver dessa distância deve ser eliminado do desenho.
Módulo é a unidade de padronagem. Todo módulo é uma representação que contém os elementos do desenho dentro de uma estrutura estabelecida como na figura ao lado.
TENDÊNCIAS
23
uma direção
“História do Design Gráfico” Infográfico "A história do Design Gráfico" 1- Livro: “História do Design Gráfico”, de Philipp Meggs (19421 - James Watt 2002) Ed. Cosac Naify (2009). (http://www.wikipedia.org/) 2 - Impressora de Sthanhope (http://www.tipografos.net/)
- Primeira “Anatomia 4da letra”fotografia de Niépce (www.cotianet.com.br/photo) 1-Texto pessoal. 5 - Linotipo (www.historiayleyenda.com/old_news/linotipia.htm)
bibliografia
- Livro Arts & Crafts “Biônica” 6(davidocchino.com/portfolio/typography/arts-and-crafts-font.html) Cartaz "Pantomimes Lumineuses" 1-Blog Cria7 -Design (www.1st-art-gallery.com/Jules-Cheret/html) 2-Texto pessoal. 8 - Cartaz Bauhaus (www.creativehairproduction.com/bauhaus) 9 - Cartaz construtivismo russo
“Leis da Gestalt” (marioav.blogspot.com.br/2007) 10 - Capa EsquireSistema 1-Livro: Gestalt dorevista objeto: (www.freakshowbusiness.com) de Leitura 11 Visual daIBM/CBS/Westinghouse Forma, de João Gomes Filho Ed.Escrituras - Marcas (Divulgação) (2004)
12 - Las Aversiones del Ojo (cartaz) (www.posterpage.ch.htm) 13 - Marcas MTV “Classificação Tipográfica” (http://www.designboom.com) 1-Criar Web. Infográfico "Biônica" 1- http://www.criadesignblog.com/ 2- www.photexpress.com.br 3- Arquivo pessoal “ Linguagem dos Cartazes de Cinema” Infográfico "A linguagem dos cartazes de cinema" 1-Choco Design 1-Todos os cartazes foram retirados de sites de divulgação dos filmes estudados 2-http://ohnotheydidnt.livejournal.com/64047251 2-Oh Not They Didnt 3-html e http://chocoladesign.com/cartazes-falam-muito 3- texto pessoal. .Infográfico "Design de Superfície" 1 - Estampa (http://www.gordinhasdobrasil.com/2011/06/estampas-verao-2012.html) “Design de2 Superfície” - Blusas com estampas da estação (http://globodicas.com.br/tendencias-de-estampas-para-2012/) 1-Texto pessoal. 3 - Azulejos de Candido Portinari - Igreja de São Francisco de Assis Arquivo Pessoal Imitação de madeira “Geometria4 -do design” (http://boutiquecasa.wordpress.com/2010/01/19/parece-madeira-mas-e-ceramica/) 1-Revista Leaf. http://guiademoda.files.wordpress.com/2011/10/inspirac3a7c3a3o-oriental.jpg http://ciadalulu.com.br/wp-content/uploads/2012/02/estampa3.jpg http://www.guiasaude.org/wp-content/uploads/sapatos-estampados-2012-121.jpg “Uso das cores no design” Infográficos "Uso das cores no Design" e "Leis da Gestalt" 1- Ilustrações de própria autoria. 1-Texto pessoal. Infográficos "Análise tipográfica e Famílias tipográficas" Arquivo pessoal.
24