Livro de Infografia Informa Design
-
Upload
informa-design -
Category
Documents
-
view
227 -
download
6
description
Transcript of Livro de Infografia Informa Design
FICHA TÉCNICA
Formato 21 x 21 cm (fechado)
42 x 21(aberto)
PapelCouchê 115g ( miolo)Couchê 300g ( Capa)
Autoria:Informa Design
Editoração:Arianne Belfort , Fernando Cunha, Gracielle Nascimento,
Jennifer Pimenta, Joana D’Arc e Lucimary Borges
Diagramação: Gracielle Nascimento
Capa: Fernando Cunha
Fontes:Arial
Book Antiqua[Helvetica LT Std]
Minion ProBauhaus
Infográfico Digital: Joana D’Arc
Impressão e Acabamento:HTC - Gráfica Digital
Belo Horizonte, Maio de 2014Todos os direitos reservados ao Informa Design
Design Gráfico Uni-BH - Segundo Período
Orientador:Rodrigo Antônio Queiroz Costa
SUMÁRIO
De Jan Tschichold a Stefan Sagmeister ( História do Design) _____________04
História da Tipografia (Gutenberg a Impressão Digital) _________________06
ATYPL e os usos das Famílias Tipográficas no Design de Embalagens ____08
Design em Movimento (abertura de filmes) ____________________________10
Categorias Fundamentais Conceituais da Gestalt ________________________12
Técnicas Fotográficas e seus usos na comunicação visual ________________14
Design Moderno e Pós-Moderno _ ____________________________________16
A Biomimética Aplicada ao Design de Produtos ________________________18
Design de Superfície Aplicado em Design de Ambientes ________________20
Design Gráfico aplicado em Jogos ____________________________________22
Referências Bibliográficas ____________________________________________24
4 5
Philip Baxter Meggs. Talvez o historiador de design mais importante desde Nikolaus Pevsner 1902-1983.
Sagmeister estudou design grá�co na Universidade de Artes Aplicadas de Viena .
Jan e Stefan, dois ícones da história do Design Grá�co são apresentados no infográ�co com algumas de suas obras também, enfatizando a importância de seus trabalhos e o impacto dentro do Design. Bem como Wiliam, Philip e Steven, ícones do design têm algumas de suas respectivas obras citadas no infográ�co. As cores utilizadas nos traços dão uma suavidade bem como a cor de fundo na composição do layout, assim também a distribuição dos elementos dentro do espaço aproveitando o espaço com sutileza e respeitando as marcas de corte.
1942 - 2002 1962
Steven Heller, 1950, designer grá�co, jornalista, crítico, escritor e editor especializado em design grá�co.
William Mills Ivins fundou o departamento de imagens impressas no Metropolitan Museum of Art de Nova Iorque desde sua fundação, em 1916, até 1946.
Jan Tschichold foi tipógrafo, designer grá�co, professor e escritor.
De Jan Tschichold a
Stefan Sagmeister
1902 - 1974 1950 1856 - 1932
1880 Criação Linotype e Monotype
1455Gutenberg e a impressão.
1990Tipografia na web
História da Tipografia (Gutenberg á Impressão digital)
Tipografia digitalApple Macintosh
1885
Gutenberg Inventou a prensa de tipos móveis, que revolucionou a produção de livros no século XV.
Monotype é a máquina de compor, com caracteres móveis , e o linotype, funde de linha a linha já formando uma frase.
O Apple Macintosh foi o primeiro computador pessoal a popularizar a interface
-volvimento revolucionário.
criação de novas fontes de forma cômoda e fácil.
Gutenberg a Impressão digital
aos tipógrafos (técnicos ou designers especializa-
em geral e leigos. Hoje qualquer um pode escolher uma fonte (tipo de letra) e compor um texto simples em um processador de texto. Mas essa democratização tem um preço, pois a falta de conhecimento e formação adequada criou uma proliferação de textos mal diagramados e fontes
exemplos desse fenômeno possam ser encontra-dos na internet.Mas tudo isso aconteceu graças as invenções de Gutenberg.
6 7
8 9
gQ dA M EA M EA M EA M EA M EA M EA M EA M EQQ gg dddd
classificação ATYPL é a forma de conhecer os elementos com positivos e visuais da tipografia.
ATYPl e os usos das famílias tipográficas aplicadas ao design de embalagens
CAIXA ALTA
VERSAL
caixa baixa
VERSALETE
terminal
transitional
Baskerville
slab serif
Rockwellperna
ápice
Glyphic
Trajan
Glyphic
Trajan
incisão
DIDONE
Bodoniserifa
Saelic
oco
garalde
Garamondoco
Humanistas
Centaurombro
CentaurCentaurombro
incisão
script
Brush Script
graphic
Ppapyrusespinha
Ppapyrus
Vértice
Montante
Haste
Serifa
Espora
Braço
Oco
Barra
Calda
Bojo
Gancho
Orelha
Ascendente
Barriga
Os traços �nos e bem de�nidos sugerem �rmeza, a sutileza das cores deixam o infográ�co mais nítido e fácil de ser lido. São propostos no infográ�co a explicação e clareza da anatomia dos tipos na classi�cação ATYPI com suas respectivas legendas, contendo no mesmo a representação das famílias tipográ�cas aplicadas ao Design de Embalagens, sendo que ao centro está representado por sua foto o autor da divisão das famílias tipográ�cas.
Idealizado por Maximilien Vox , em 1954, foi adotada em 1962 pela Associação Typographique Internationale, a classi�cação das famílias tipogra�cas.
CO
MP
OSI
ÇÃ
O
CLA
SSIF
ICA
ÇÃ
O A
TY
PL
TIP
OG
RA
FIA
AP
LIC
AD
A E
M E
MB
ALA
GEN
S
10 11
12 34 5 (121,171 visualizações) (37,643 visualizações) (37,369 visualizações) (36,822 visualizações) (30,145 visualizações)
(2013)Skyfall ((2012)
Se7en (1995)
1 2 3 4 5>>O design em movimento utilizado
“como a animação de elementos de design. Entende-se por elemento de design todo o
produzido com intuito essencialmente comunicacional e destinado a reprodução”.
Design em Movimento
Quantidade de visualizações no site
Iron Man 3 (2013)
Game of
Tradicionalmente há dois tipos de crédito: o principal e o secundário. Segundo Ribeiro (2001),
nomes de forma seqüenciada, porém há casos em que
As 5 melhores aberturas em Filmes
12 13
Estas categorias tem como �nalidade dar consistência as leis da Gestalt, principalmente a pregnância.E elas concorrem também como poderosas forças de organização formal nas estratégias compositivas , que suportam os sistemas em termos de rebatimentos levados a efeito nas diversi�cadas manifestações visuais do objeto.
Site: http://informadesign.yolasite.com
xHarmonia e Regularidade
x
x
x
Desarmonia e Irregularidade
Equilíbrio e Simetria Equilíbrio e Assimetria
Harmonia e Ordem Desarmonia e Desordem
Equilíbrio e Peso Desequilíbrio
Categorias fundamentais conceituais da Gestalt
A harmonia por regularidade consiste basicamente em favorecer a uniformidade de elementos no desenvolvimento de uma ordem.
A simetria é um equilíbrio axial.Eixos: horizontal,vertical e diagonal.Dá origem a duas ou mais formulações visuais, opostas e iguais
O peso visual exerce in�uência particular sobre o equilíbrio e, sempre, possui um efeito dinâmico força e movimento.
Equilíbrio. Ordem na disposição dos elementos.Concordâncias formais entre unidades visuais.
Desarticulação na integraçãodas unidades que constitui o todo
Ausência de ordem e de nivelamento. Efeitos visuais inesperados e insólitos
O objeto visualmente desequilibrado parece acidental, passa a sensação de ser algo transitório e instável.
Assimetria é ausência de simetria axial.Lados desiguais.
Inventor francês responsável
pela descoberta da fotografia,
nasceu em 7 de março de 1765
i n i c i o u u m c o n j u n t o d e
experiências que tinham como
principal objetivo a fixação
de imagens porem só em 1826
conseguiu, mas esse porcesso
para fixação demorava oito
horas. Através dessa técnica
foram surgindo durante os
anos maquinas com tecnologias
mais avançadas e permitindo
assim inúmeras formas de
se fotografar.
Joseph Nicéphore Niépce
Bokeh(Desfoque)
Esse efeito possui uma definição bastante ampla e é facilmente reconhecível.CâmeraLente 50mm 1.8 ou 1.4 ou 1.2, abertura do obturador maior que f/2.
Objeto em movimento, mas faz com que ele pareçaimóvel.
Distorção do raio de luz quando ele entra diretamente pela lente.
CâmeraISO 100 , 21mm f/29 , 1.6seg
Objeto a ser fotografado é colocado entre a câmera e a fonte de luz.
Lens Flare
Panning
Longa Exposição
Contraluz
Uso em Panfletos, revista e editorial
Usado para direcionar o olhar para o foco do assunto.
Uso em Cartazespropondo velocidade
Ideia de movimento
Técnicas Fotográficas e seus Usos na Comunicação Visual
1514
16 17
X
Bauhaus - diferentes formas de artes aplicadas a arte, indústria e ao artesanato.Objetivo: organizar e simpli� car o design cheio de adornos e letras cursivas.Conceito:“less is more” (menos é mais) - sistematização e divulgação de um estilo internacional.
LászLó Moholy-Nagy - a tipogra� a compreendida como ferramenta de comunicação. Clareza e legi-bilidade como características sob aspecto estético.Tipogra� a essa aplicada a comunicação visual de uma maneira objetiva.
Herbert Bayer - O tipo Universal (1925) - “sturm blond” ( a redução foi extrema).Uso exclusivo de letras minúsculas, formas da geometria elementar, redução ao mais simples, universalidade.
Principais designers modernistas: Mies Van D. Rohe (1), Wassily Kandinsky (2), Marcel Breuer (3), Max Miendiger e Jan Tchichocd.
(1) (2) (3)
1919 - Walter Gropius fundou a 1° escola de design “Bauhaus”. 1954 - Milton Glaser
e Seymour Chwast.
Forte in� uência no design através da Push Pin Studios.
“Quebrar regras” – o conceito principal da Pós-modernidade no universo do design. Se refere a algo novo, diferente e criativo.Um design � exível, cambiante.Necessidade de experimentação.
Paula Scher - Tra-balha com interfer-ências cromáticas e tipográ� cas que formam texturas e tramas interes-santes.
Principais designers pós-modernistas: David Carson (1), Sagmeinster (2), Paula Scher (3) Alex-andre Wollner, Neville Brody.
Neville Brody - Usa a cor e nitidez como artifício para diferenciar planos e hierarquizar os elemen-tos. Peças que aparentemente representam o caos, mostram excelente organização.
David Carson - maneira inconfundível de combinar elementos tipográ� cos e fotogra� a em composições.
(1) (2) (3)
1963 - Wim Crouwel foi um dos funda-dores do Estúdio Total Design.Uma de suas obras : o Tipo de Letra do Alfabeto Nova - simpli� cação radical da forma da letra.
1918
1º passo : Pegar uma imagem na qual deseja fazer a estampa.
2º passo: Fazer uma ilustração da imagem.
3º passo: fazer o desenho (vetor) em software especí�co.
4º passo: fazer a aplicação no tecido.
“DESIGN DE SUPERFÍCIE” consiste na criação de imagens bidimensionais, projetadas especificamente para geração de padrões, que desenvolvem-se de maneira contínua sobre superfícies de revestimentos. O processo criativo é voltado para aplicação na indústria, basicamente nas áreas: têxtil, de papelaria, cerâmica e materiais sintéti-cos. Neste exemplo trabalhamos o design de superfície aplicado a área têxtil(design de estamparia)
DESIGN DE SUPERFÍCIE APLICADO EM DESIGN DE AMBIENTE
20 21
Raid on Bungeling BayATARI Civilization
Hoje em dia, é raro encontrar um jogo eletrônico onde o programador principal também é o designer principal, exceto em casos de jogos relativamente simples, como Tetris ou Bejeweled.
No início da história dos jogos eletrônicos,os designers de jogos eram muitas vezeso programador principal ou o único programador para um jogo.
D Gesign ráfico
Este é o caso de designers famosos como Sid Meier ( ) e Will Wright Raid on Bungeling Bay( ). Esta pessoa às vezes também Civilizationincorporavatodo o time de arte.
É a criação e o desenvolvimento de jogos eletrônicospara diferentes mídias, como computador, videogame,celular ou internet. Para desenvolver esses games, o profissional observa as tendências do mercado, o comportamento do público-alvo, as características da cultura local onde o jogo será distribuído e até mesmoo contexto social.
GTA 5Devil may cry 5
Enquanto os jogos ficavam mais complexos e os computadores e consoles ficavam mais poderosos (permitindo mais características), o trabalho de designer de jogos tornou-se uma função separada,com o programador principal dividindo seu tempo entre as duas funções, indo de um papel para o outro.
Mais tarde, a complexidade dos jogos subiu ao ponto onde começou a precisar de alguém que se concentrasse inteiramente no design do jogo. Muitos veteranosescolheram o design de jogos para não precisar programar e passar estas funções para os outros.
JP
A
OK
G
OV
PSG
B
BFLUY
JO
OS
G
HG
AB
M SA E
DE
S
IGN
Caça palavras
Design - Jogos - G
ames
Labirinto
Aplicado em Jogos
22 23
24
REFERÊNCIAS BIBLIOGRÁFICAS * Livro: Sintaxe da Linguagem Visual - Donis A. Dondis *Texto - Taxionomia em Design de Estamparia ( Bach. Patric ia Fantinel - Profª Dra. Evelise Anicet Ruthschilling). * Design e Filatelia - http://designefilatelia.blogspot.com.br/2007/11/wim-crouwel.html 15.04.14 as 16:15. * http://www.itaucultural.org.br/aplicExternas/enciclopedia_ic/index.cfm?fuseaction=termos_texto&cd_verbete=368 *Design Gráfico moderno: *a construção de uma linguagem http://www.maxwell.lambda.ele.puc-rio.br/10996/10996_4.PDF *Bauhaus o impulso decisivo para o modernismo do sec XX – Herbert Bayer. *http://tipografos.net/bauhaus/bayer.html 07-04-14 as 16:50.Walter_Gropius *http://pt.wikipedia.org/wiki/Walter_Gropius 07-04-14 as 16:40. Design pós- moderno :Push_Pin_Studios *http://en.wikipedia.org/wiki/Push_Pin_Studios *Sobre o Design David Carson. http://themonodesign.blogspot.com.br/2010/06/sobre-o-designer-david-carson. *Designices. http://designices.com/paula-scher-maps/ 07-04-14 as 17:25 *O Design Gráfico Cambiante. http://chocoladesign.com/o-design-grafico-cambiante *http://joaogomes.com.br/7-TEORIA%20GERAL%20&%20LEIS%20DA%20GESTALT-2010.pdf *http://www.cuboazul.com.br/MARGARINA-QUALY-500G/prod-1691096/ *http://www.extraplus.com.br/produto/9255-biscoito-aymore-salpet-200g *http://brasileirinhomarket.com/index.php/serenata-de-amor-1kg.html *http://www.sorocabarefrescos.com.br/produtos/refrigerantes/schweppes/ *http://packaholic.wordpress.com/tag/lancamento/page/2/ *http://www.drogafuji.com.br/blog/Original *http://www.papodebar.com/tag/antarctica/ *http://www.makemodabighouse.com/2012_11_01_archive.html *http://www.supribemdistribuidora.com.br/catalogo-de-produtos/ *http://www.scad.edu/event/2014-04-14-lecture-graphic-designer-and-typographer-stefan-sagmeister *http://houston.aiga.org/stefan-sagmeister/ *http://pt.wikipedia.org/wiki/Ficheiro:Jan_Tschichold_(1963)_by_Erling_Mandelmann.jpg *http://www.theselection.net/zeitschrift/ *http://designweekbrisbane.com/?q=steven-heller.html *http://brunaribeiro.com/blog/tag/tipografia *http://en.wikipedia.org/wiki/William_Mills_(inventor) *http://www.aaa.si.edu/collections/william-mills-ivins-papers-8805 *http://esterknows.com/archives/meggs *http://actodesign.wordpress.com/tag/design/