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/