grafing infográfico - tarja preta

1110

t

•Revolucionou a Indústria fonográfica, inventor da Capa de DiscoExpressão visual da música, arte popular,título encaracolado feito à mão, cores distintas e vívidas, tipografia Original eestilo conjunto com a idade de ouro do Jazz.

William Addison Piet Zwart Wolfgang Weingart David Carson Neville Brody

•Exerceu poderosa influencia sobre a tipografia no sécu-lo XX.Defendeu a ideia de padroni-zação do tamanho do papel, aboliu o uso de serifas e es-tabeleceu padrões tipográficos (em layouts).

•Foi um dos designers de livros mais influentes nos anos de 1920 e 1930. Reacendeu o interesse publico por projeto de livro e cunhou o termo “ Designer Gráfico “.Mo-dificou algumas letras para ocupar menos espaço.

•Excelente uso das co-res, tipografia, compo-sição e fotografia. Um espaço interior genero-so v, w, x, y obtiveram ângulos mais cerrados que o normal.

•Pioneiro do Design Suiço. Utilizava técni-ca como simplicida-de, redução, objetivo, severidade, funcio-nalidade e clareza. Adotava o lirismo (em alguns trabalhos) e fotografias poéticas e formais.

•Trabalho Inovador. Reco-nhecido por quebrar regras e compreensão ousada de estilo cultural. Ignorou a ordem e legibilidade, utilizando o es-tilo Underground ( que foge dos padrões comerciais, dos modismos ). Composições de Tipografias e Fotografias, aparente desordem e irra-cionalidade, espaçamentos irregulares e Ruído e rabisco.

•As escolhas tipográficas passam a ter menos impor-tância do que o modo como são utilizadas. Sobreposição, transparência, alinhamento e uso de cores nas letras. Formas geométricas com formas orgânicas e simpli-cidade. Grids usados com flexibilidade e interferência Gráfica em fotos ( mistura entre realidade e ficção ).Es-tilo visual expressivo.

•Designs provocativo e fora das regras.Altera a percepção popular, normas perturbadoras e uso de arte ambiental. Exposi-ções conceituais e imagens desorientadas

•Tipógrafo altamente esquemá-tico, largo espaçamento entre os caracteres. Criou composições circulares embutidas em gesso e textos geométricos entrelaçados.Buscou insistentemente novas formas de criação de imagens adotando o uso de meios-tons e cores sobrepostas.

Jan Tschichold Stefan SagmeisterJosef Müller Alexander Steinweiss

151414

Pictogramas cuneiforme alfabeto fenicio Hieroglifos

Ideograma Chines

Ideograma primitivo

alfabetos

utilizados

atualmente

Hebraico arabe Russo Grego Latino

Pictogramas são desenhos feitos em cavernas com marcas Abstratas (simples).Representa objetos, idéiase rotinas.

Primeiro alfabeto,usado pelosSumérios em argila úmida esculpida por uma cunha.Registro completo de idéias.

3500 a 2900 A.C. - Os fenícios desenvolvem um alfabetoNecessidade de controlar o comércio, tinha 22 Sinais e eram penas conso-antes.

A escrita organizada mais antiga do mundo. E era basicamente usada para marcações em túmulos e templos.

4500 A.C. - Primeiros registros de inscrições em cavernas.

1918

POP-

Up

Har

old

Lenz

cr

iado

r da

vers

ão d

e Pi

nóqu

io d

e 19

30

Ver

são

essa

que

sa

ltava

da

pági

na

Tipo

de

livro

ch

amad

o“P

op-U

p”

Mas

ant

es d

isso

,em

130

0Er

am u

sada

s pa

ra a

stro

nom

ia

Por

volta

de 1

900

Foi c

riado

o

1º li

vro

de

Ilust

raçã

o M

óvel

Não

des

te

tipo.

..

...M

as e

ssa

Ilust

raçã

o M

óvel

, o “

Pai”

do

POP-

UP

12

3

45

67

8

9

2322

Cores fortes como laranja, verde, azul e o amarelo são uma referên-cia a paleta retrô.

Dinâmico

Cheio de nuances e formas, é um estilo bem demarcado.

Utilizando referências atuais.

Foi utilizado o estilo retrô, que significa "de volta para trás" ou "em tempos passados" buscando usar o "desatualizado" ou "velho" com nova roupagem adptada às necessida-des das regras do jogo, tornando-o funcional e na moda mais uma vez.

Design Moderno

Possui aplicativo para facebook.

Ilustração voltada para o público jovem, representando o estilo Flat Design.

272626

Profundidade de campo menor

Luz de ataque à direita

Luz de ataque à esquerda

Velocidade do obturador 1/60s

Abertura do diafragma f2.8

Abertura do diafragma f 16

ISO 200Foto Externa ISO 800 Foto Estúdio

Foto Superexposta Foto Subexposta

21

3

4

5

6

7

8

9

35

2 7 8 9

Controla a luz. Quanto menor mais claro será.

Foto mais escura.

Foto mais clara.

Controla a velocidade e nitídez das fotos.Controla a

velocidade em que a luz entrará na objetiva

Controla a velocidade em que a luz entrará na objetiva

Controla a velocidade em que a luz entrará na objetiva

Christina Aguilevra - Back to Basics Técnicas fotográfiacs em encarte de CD

2928

Design Simples e objetivo; Padronização : Grids; Tipografia Cor Confecção manual

ModernismoCaracteristicas:

Nova simpliicidade“More is more“ em opocição ao “Less is more“ Movimentos liberaisExplosão de coresInttuitivoSem preocupação com a legibilidadeLayout sem forma hierárquica - não linear, solto -Mais expressividade

Pós Modernismo

Caracteristicas:

Editoração de revistas:

Design Moderno e Pós - Moderno

25

3130




Pós Modernismo

Caracteristicas:



3534




Pós Modernismo

Caracteristicas:



4140

- Disposição ordenada entre as partes do objeto. - Perfeita articulação visual. - Integração e coerência formal. - Compatibilidade de Linguagens formais.

- É um processo de articulação visual. Uma força vital. - É uma força que torna visível as estratégias da mensagem visual. - Um meio importante para intensificar o significado passado por um objeto ou composição – bi ou tridimensional.

- É um processo de articulação visual. Uma força vital. - É uma força que torna visível as estratégias da mensagem visual. - Um meio importante para intensificar o significado passado por um objeto ou composição – bi ou tridimensional.

Mesma definição do equilíbrio físico.Compensação mútua dos pesos ou das forças visuais

que atuam na configuração de um objeto.

- Mesma definição do equilíbrio físico.- Compensação mútua dos pesos ou das forças visuais

que atuam na configuração de um objeto.

ordem - regularidade

luz e tom - cor - vertical e horizontal - movimento - dinamismo

Para visualizar o Infográfico digital Leis da Gestalt, useseu celular ou tablet com leitor QR.

peso e direção - simetria - assimetria

desordem - irregularidade

Harmonia

Contraste

Desequilibrio

Equilibrio

Desarmonia

4544

Módulo, é a menor unidade de uma padronagem, que contém em si todos os elementos visuais quefazem parte do desenho e repetição.

O módulo é espelhadoem relação a um eixodado, ou em relação a ambos.Este tipo de símetriapossui um plano imaginárioque a divide em duaspartes iguais.

Módulo

Reflexo

Rotação

O módulo é deslocadode forma radial ao redorde um ponto. A rotaçãopode ser a direita ou à esquerda.

Translação

Consiste na repetição do módulo mantendo seutamanho e direção aolongo de uma linha.

4948

Cla

ssif

ica

ção

AT

YP

LD

ivid

e os

Tip

os e

m s

ete

cals

ses,

com

alg

umas

sub

clas

ses.

Mulh

er B

arba

da e

o M

agic

o

Did

ones

C

ontr

aste

em

bra

nco

e pr

eto

utili

zado

ao

extr

emo

Red

ução

da

aber

tura

in

tern

a da

font

eE

ixo

prec

isam

ente

ret

o

Hum

anis

tas

Form

as le

ves

e ab

erta

sB

arra

no

“e”

min

úscu

lo

incl

inad

a A

ltura

do

tipo

é re

lativ

amen

te b

aixa

Larg

uras

dos

bra

ços

da

font

e qu

ase

não

vari

amE

spes

sura

med

iana

Bas

tant

e ut

iliza

da

com

cor

es e

scur

a

Rea

isA

est

étic

a de

sse

grup

o se

car

acte

riza

co

m a

esc

rita

Rom

an d

u R

oi,

des

envo

lvid

a na

Fra

nça

em 1

692,

qu

e fo

i con

stru

ída

em

uma

mal

ha g

eom

étri

ca,

mos

tran

do a

ssim

os

idea

is r

acio

nalis

tas

e re

alis

tas

do e

ncic

lope

dism

o na

Fra

nça.

Ênf

ase

no e

ixo

vert

ical

do

tipo;

Mai

or c

ontr

aste

ent

re tr

aços

fin

os e

gro

ssos

.Sã

o se

rifa

das.

Res

peitáv

el P

úblico

Vai

ter

Ban

ca?

vai!

Mec

aniz

adas

G

eral

men

te p

ossu

em

hast

es g

ross

as.

Seri

fada

s, a

cent

uada

s fa

zend

o um

aân

gulo

ret

oco

m a

linha

bas

e. N

ão p

ossu

em b

oa le

gibi

lidad

e em

co

rpos

men

ores

.Pe

sada

s e

indi

cada

s pa

ra v

isua

lizaç

ão

a di

stân

cia

20 a

26

>>

>>

>>

>>

>>

>>

>>

>>

>>

>>

Nov

embr

o/20

14

Incisa

sPo

uco

cont

rast

e em

sua

es

pess

ura,

com

um

traç

o po

ntia

gudo

e fi

no.

Não

apr

esen

ta s

erifa

s,

mas

seu

s pé

s sã

o af

unila

dos,

da

ndo

impr

essã

o de

um

a lin

ha im

agin

ária

na

leitu

ra.

Sua

form

a la

rga

e se

us

traç

os fi

nos

as to

rnam

m

uito

legí

veis

a q

ualq

uer

corp

o, e

mbo

ra s

eja

difíc

il a

digi

taliz

ação

.

Rom

anos

Form

ado

por

font

es q

ue

mos

tram

infl

uênc

ias

da

escr

itura

man

ual,

em c

oncr

eto

da c

alig

rafia

hu

man

ista

do

séc.

XV

, e

tam

bém

da

trad

ição

la

pida

ria

rom

ana,

on

de o

s pé

s da

s le

tras

se

talh

avam

par

a ev

itar

que

a

pedr

a sa

ltas

se n

os â

ngul

os.

As

font

es R

oman

as s

ão r

egul

ares

, tê

m u

ma

gran

de h

arm

onia

de

pro

porç

ões,

apr

esen

tam

um

fo

rte

cont

rast

e en

tre

elem

ento

s re

tos

e cu

rvos

e s

eus

rem

ates

lh

es p

ropo

rcio

nam

um

al

to g

rau

de le

gibi

lidad

e.

Picad

eiro d

a

O E

spet

acul

o va

i com

eçar

UNI B

HLi

near

esSi

mpl

icid

ade

e fu

ncio

nalis

mo

Não

pos

suem

ser

ifas;

Não

apr

esen

tam

var

iaçõ

es

na e

xpes

sura

Man

uscrit

asFo

ntes

Sim

ilare

s as

es

crit

as p

or c

anet

asou

tam

bém

co

nhec

idas

com

o SC

RIP

Tpa

ra c

ompu

tado

res

Man

uai

sT

ipos

des

enha

das

calig

rafic

amen

te,

poss

uem

vár

ios o

rnam

ento

sna

s mai

úscu

las.

Gar

alde

Seri

fas

agud

asTr

aço

med

iano

con

tras

te

entr

e fin

os e

gro

ssos

Eix

o da

font

e é

vert

ical

(9

0°gr

aus)

Letr

a “e

” te

m s

ua b

arra

to

talm

ente

ret

a

Gót

icas

Poss

uem

em

Com

um a

as

cend

ênci

a do

es

tilo

tipog

ráfic

o al

emão

ante

s da

inve

nção

do

pro

cess

o tip

ográ

fico

e pe

ssim

a le

gibi

lidad

es.

grafing infográfico - tarja preta

Documents