Livro de Infografia Informa Design by Informa Design

FICHA TÉCNICA Formato 21 x 21 cm (fechado) 42 x 21(aberto)

SUMÁRIO

Papel Couchê 115g ( miolo) Couchê 300g ( Capa) Autoria: Informa Design Editoração: Arianne Belfort , Fernando Cunha, Gracielle Nascimento, Jennifer Pimenta, Joana D’Arc e Lucimary Borges

De Jan Tschichold a Stefan Sagmeister ( História do Design) _____________04 História da Tipografia (Gutenberg a Impressão Digital) _________________06

Diagramação: Gracielle Nascimento

ATYPL e os usos das Famílias Tipográficas no Design de Embalagens ____08

Capa: Fernando Cunha

Design em Movimento (abertura de filmes) ____________________________10

Fontes: Arial Book Antiqua [Helvetica LT Std] Minion Pro Bauhaus Infográfico Digital: Joana D’Arc Impressão e Acabamento: HTC - Gráfica Digital

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

Orientador: Rodrigo Antônio Queiroz Costa

Referências Bibliográficas ____________________________________________24

De Jan Tschichold

Stefan Sagmeister 1902 - 1974

Jan Tschichold foi tipógrafo, designer gráfico, professor e escritor.

1950

Steven Heller, 1950, designer gráfico, jornalista, crítico, escritor e editor especializado em design gráfico.

1942 - 2002

1962

Sagmeister estudou design gráfico na Universidade de Artes Aplicadas de Viena .

Philip Baxter Meggs. Talvez o historiador de design mais importante desde Nikolaus Pevsner 1902-1983.

1856 - 1932

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 e Stefan, dois ícones da história do Design Gráfico são apresentados no infográfico 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áfico. 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.

História da Tipografia

(Gutenberg á Impressão digital)

1455 Gutenberg e a impressão. Gutenberg Inventou a prensa de tipos móveis, que revolucionou a produção de livros no século XV.

1880 Criação Linotype e Monotype

Monotype é a máquina de compor, com caracteres móveis , e o linotype, funde de linha a linha já formando uma frase.

Gutenberg a Impressão digital aos tipógrafos (técnicos ou designers especializa-

1885 Tipografia digital Apple Macintosh

1990

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

O Apple Macintosh foi o primeiro computador pessoal a popularizar a interface volvimento revolucionário.

Tipografia na web

exemplos desse fenômeno possam ser encontrados na internet.Mas tudo isso aconteceu graças as invenções de Gutenberg.

criação de novas fontes de forma cômoda e fácil. 6

Qgd

COMPOSIÇÃO

CLASSIFICAÇÃO ATYPL

AME

classificação ATYPL é a forma de conhecer os elementos com positivos e visuais da tipografia.

Haste

Braço

Gancho

Vértice

Oco

Orelha

Espora

Barra

Ascendente

Montante

Bojo

Barriga

Serifa

Calda

CAIXA ALTA caixa baixa

VERSALETE

VERSAL

Os traços finos e bem definidos sugerem firmeza, a sutileza das cores deixam o infográfico mais nítido e fácil de ser lido. São propostos no infográfico a explicação e clareza da anatomia dos tipos na classificação ATYPI com suas respectivas legendas, contendo no mesmo a representação das famílias tipográficas aplicadas ao Design de Embalagens, sendo que ao centro está representado por sua foto o autor da divisão das famílias tipográficas.

aplicadas ao design de embalagens

TIPOGRAFIA APLICADA EM EMBALAGENS

ATYPl e os usos das famílias tipográficas

transitional

slab serif

Baskerville

Rockwell perna

terminal

Humanistas

Centaur ombro

graphic

Glyphic

Trajan ápice

Idealizado por Maximilien Vox , em 1954, foi adotada em 1962 pela Associação Typographique Internationale, a classificação das famílias tipograficas.

Ppapyrus

espinha

script

Brush Script incisão

Saelic

DIDONE

Bodoni

garalde

oco

serifa

Garamond oco

Design em

ento m i v o M

m Filmes e s a r u t r e As 5 melhores ab

1 2 3

>>O design em movimento utilizado “como a animação de elementos de design. Entende-se por elemento de design todo o

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

produzido com intuito essencialmente comunicacional e destinado a reprodução”. Quantidade de visualizações no site

21 3 Iron Man 3 (2013)

Game of

Skyfall ((2012)

(36,822 visualizações) 10

(2013)

(37,643 visualizações)

(121,171 visualizações)

(37,369 visualizações) 11

Se7en (1995)

(30,145 visualizações)

Categorias fundamentais

conceituais da Gestalt Equilíbrio e Assimetria

Equilíbrio e Simetria

A simetria é um equilíbrio axial. Eixos: horizontal,vertical e diagonal. Dá origem a duas ou mais formulações visuais, opostas e iguais

Harmonia e Regularidade

Assimetria é ausência de simetria axial. Lados desiguais.

Estas categorias tem como finalidade 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 diversificadas manifestações visuais do objeto.

Desarmonia e Irregularidade

A harmonia por regularidade consiste basicamente em favorecer a uniformidade de elementos no desenvolvimento de uma ordem.

Ausência de ordem e de nivelamento. Efeitos visuais inesperados e insólitos

Site: http://informadesign.yolasite.com

Harmonia e Ordem

Desarmonia e Desordem

Equilíbrio. Ordem na disposição dos elementos. Concordâncias formais entre unidades visuais.

Equilíbrio e Peso

Desarticulação na integração das unidades que constitui o todo

Desequilíbrio

O peso visual exerce influência particular sobre o equilíbrio e, sempre, possui um efeito dinâmico força e movimento.

O objeto visualmente desequilibrado parece acidental, passa a sensação de ser algo transitório e instável.

Técnicas Fotográficas e seus Usos na Comunicação Visual Bokeh (Desfoque)

Lens Flare

Esse efeito possui uma deﬁnição bastante ampla e é facilmente reconhecível.

Joseph Nicéphore Niépce

Distorção do raio de luz quando ele entra diretamente pela lente.

Câmera

Lente 50mm 1.8 ou 1.4 ou 1.2, abertura do obturador maior que f/2. Usado para direcionar o olhar para o foco do assunto.

Inventor francês responsável pela descoberta da fotograﬁa,

Uso em Panﬂetos, revista e editorial

nasceu em 7 de março de 1765 iniciou um conjunto de experiências que tinham como Longa Exposição

principal objetivo a ﬁxação

Câmera ISO 100 , 21mm f/29 , 1.6seg

de imagens porem só em 1826 conseguiu, mas esse porcesso

Uso em Cartazes propondo velocidade

para ﬁxação demorava oito

Panning

horas. Através dessa técnica

Objeto em movimento, mas faz com que ele pareça imóvel.

foram surgindo durante os anos maquinas com tecnologias

Contraluz

Ideia de movimento

Objeto a ser fotografado é colocado entre a câmera e a fonte de luz.

mais avançadas e permitindo assim inúmeras formas de se fotografar.

X 1963 - Wim Crouwel foi um dos fundadores do Estúdio Total Design.Uma de suas obras : o Tipo de Letra do Alfabeto Nova - simplificação radical da forma da letra.

1919 - Walter Gropius fundou a 1° escola de design “Bauhaus”.

1954 - Milton Glaser e Seymour Chwast. David Carson - maneira inconfundível de combinar elementos tipográficos e fotografia em composições.

Forte influência no design através da Push Pin Studios.

Bauhaus - diferentes formas de artes aplicadas a arte, indústria e ao artesanato.Objetivo: organizar e simplificar o design cheio de adornos e letras cursivas. Conceito:“less is more” (menos é mais) - sistematização e divulgação de um estilo internacional.

“Quebrar regras” – o conceito principal da Pós-modernidade no universo do design. Se refere a algo novo, diferente e criativo. Um design flexível, cambiante. Necessidade de experimentação.

LászLó Moholy-Nagy - a tipografia compreendida como ferramenta de comunicação. Clareza e legibilidade como características sob aspecto estético. Tipografia essa aplicada a comunicação visual de uma maneira objetiva.

(1)

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.

(2)

(3)

Neville Brody - Usa a cor e nitidez como artifício para diferenciar planos e hierarquizar os elementos. Peças que aparentemente representam o (1) caos, mostram excelente organização.

Principais designers modernistas: Mies Van D. Rohe (1), Wassily Kandinsky (2), Marcel Breuer (3), Max Miendiger e Jan Tchichocd. 16

(2)

(3)

Paula Scher - Trabalha com interferências cromáticas e tipográficas que formam texturas e tramas interessantes.

Principais designers pós-modernistas: David Carson (1), Sagmeinster (2), Paula Scher (3) Alexandre Wollner, Neville Brody.

DESIGN DE SUPERFÍCIE APLICADO EM DESIGN DE AMBIENTE “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éticos. Neste exemplo trabalhamos o design de superfície aplicado a área têxtil(design de estamparia)

1º passo : Pegar uma imagem na qual deseja fazer a estampa.

2º passo: Fazer uma ilustração da imagem. 20

3º passo: fazer o desenho (vetor) em software específico.

4º passo: fazer a aplicação no tecido. 21

D esign Gráﬁco Aplicado em Jogos

ATARI

Raid on Bungeling Bay

Civilization

Design - Jogos - Games

É a criação e o desenvolvimento de jogos eletrônicos para diferentes mídias, como computador, videogame, celular ou internet. Para desenvolver esses games, o proﬁssional 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é mesmo o contexto social.

Caça palavras J H P J D B O G K O E F G A M E S L O A V O I U S B G S G Y A G S P N B

Enquanto os jogos ﬁcavam mais complexos e os computadores e consoles ﬁcavam 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.

Devil may cry 5

GTA 5

Labirinto 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 veteranos escolheram o design de jogos para não precisar programar e passar estas funções para os outros.

No início da história dos jogos eletrônicos, os designers de jogos eram muitas vezes o programador principal ou o único programador para um jogo.

Este é o caso de designers famosos como Sid Meier ( Raid on Bungeling Bay) e Will Wright (Civilization). Esta pessoa às vezes também incorporavatodo o time de arte.

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.

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/