Sie sind auf Seite 1von 101

UNIVERSIDADE CATLICA DE PELOTAS CENTRO DE EDUCAO E COMUNICAO

CURSO DE TECNOLOGIA EM PRODUO FONOGRFICA

DISCIPLINA DE DESIGN GRFICO E DIGITAL


PARTE 01: DESIGN GRFICO, ELEMENTOS, CONCEITOS E ANLISES

Renata Oliveira Garcez


Pelotas, 2012

Publicitria, Ps-graduada em Marketing, Professora UCPel, Mestre em Educao renatadeoliveira2@gmail.com

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

AGENDA Parte 01
1. Design Grfico Breve histrico, definio e conceito; Aspectos bsicos do design grfico; Equilbrio e harmonia; Elementos da comunicao visual; A cor; Tipografia; Imagem: fotografia e ilustrao; Anlise conceitual de peas grficas; Peas grficas relativas produo fonogrfica; Cartazes; Flyers.

2. Design de capas de discos Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito O design grfico uma das mais primitivas formas de comunicao, desde o tempo das cavernas. A utilizao do design grfico para fins comerciais, entretanto, remonta Revoluo Industrial. O design grfico seguiu as tendncias dos diversos movimentos da histria da arte que se ocorreram desde a Revoluo Industrial. Estes, por sua vez, eram um reflexo do que acontecia com a sociedade no momento.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Assim, as caractersticas visuais do design grfico acompanharam aquelas presentes nesses movimentos artsticos. ART NOUVEAU (Arte Nova): Esse estilo vem pra mostrar todas as contradies da era moderna, tendo suas caractersticas formais associadas com o organicismo e a sinuosidade de formas botnicas, motivos florais e femininos, formas curvilneas e sinuosas, curvas assimtricas e cores vivas.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
ART NOUVEAU (Arte Nova):

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito ART DCO O Art Dco, por sua vez caracterizado como mais geomtrico e construtivo, mais uma sobreposio de planos, mais mecnico e menos orgnico.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito CUBISMO Foi o movimento sucessor, tendo como principal caracterstica o abandono da iluso tridimensional e a recolocao do plano bidimensional na pintura. Entre seus principais nomes esto Pablo Picasso, Georges Braque e Marcel Duchamp.
Georges Braque

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito CUBISMO: PICASSO

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito CUBISMO: DUCHAMP

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito FUTURISMO No incio da Primeira Guerra Mundial surgiu o Futurismo, movimento que propunha um novo uso da tipografia, de forma dinmica, dando a idia de som e movimento. As palavras e as letras eram Saverini manipuladas como imagens visuais.
Balla

Boccio

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito FUTURISMO Foi importante por ter rompido com padres tradicionais, deixando de lado o design simtrico da pgina impressa e abrindo caminho para inovaes, como o Dadasmo na Alemanha, que defende o absurdo a incoerncia. O movimento durou pouco tempo de 1915 1921. Marcel Duchamp
Hans Arp

Carra

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Arte contempornea inspirada em dadasmo

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Esses movimentos vinham para estabelecer o ideal esttico e serviam como parmetro para a produo artstica. A maior e mais profunda influncia das vanguardas artsticas se deu na rea do design grfico.
Os fundadores do design grfico moderno surgiram, oriundos do Construtivismo Russo, do movimento De Stijl na Holanda e da Bauhaus na Alemanha, tais como Alexander Rodchenko, El Lissitzky, Jan Tschichold e Laszlo Moholy-Nagy. Principais caractersticas: uso de formas simples, como figuras geomtricas euclidianas, uma reduzida gama de cores (em geral o azul, o vermelho e o amarelo), fontes tipogrficas sem serifa e a quase ausncia de elementos de pontuao.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Construtivismo Russo De Stijl

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Bauhaus: a forma segue a funo

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design Foi durante a Primeira Guerra Mundial que o design visual teve sua importncia estabelecida. As informaes e instrues eram transmitidas atravs de diagramas, ilustraes e legendas. SIMBOLO= As identificaes eram feitas em signos bandeira, placa de localizao e smbolos, compreendidos de imediato.
SIGNO Nvem carregada= chuva

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design

Com a crise de depresso econmica devido quebra da bolsa de Nova York em 1929, o consumidor no possua mais o mesmo poder de compra, logo, as empresas tinham que usar de artifcios para que pudessem vender seus Propagandas da Coca-Cola e da produtos, investindo ento em Brahma, da publicidade e design. dcada de 20

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design

Em uma poca em que o Estado encabeava grandes embates ideolgicos, a propaganda poltica passou a ser uma das importantes reas de atuao do designer, sendo os cartazes polticos e propagandsticos, obras que at hoje so tidas como referncia, como peas soviticas caracterizadas pelo construtivismo russo e o clssico cartaz do Tio Sam convocando os soldados americanos para a guerra.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design Entre as dcadas de 1920 e 1940 a indstria passou por transformaes importantes, pois surgiam novas tecnologias e materiais, popularizando novos produtos, como o automvel, o rdio e outros eletrodomsticos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design

Uma ampla rea de atuao para o designer veio junto a essas novidades, j que novas culturas como o rdio e o cinema proporcionavam a confeco de capas de discos e cartazes de filmes.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design

A dcada de 50 ficou marcada pelo American way of life ou estilo de vida americano. Os artigos se tornaram produtos descartveis, e isso se tornou a principal idia da indstria americana, que j possuam inclusive uma poltica de obsolescncia programada.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design A chamada escola sua, que se refere aos trabalhos de designers como Jan Tschichold e Adrian Frtiger, foi onde mais se manifestou o Estilo Internacional no design grfico.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Estilo Internacional no design grfico, tratado de forma rgida, impunha o grid como parmetro construtivo.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o Psicodelismo Durante a dcada de 60 houve uma mudana de atitude e comportamento que questionava os valores da cultura da poca, como o consumismo desenfreado e o estilo de vida americano. Logo vieram as crticas e a formao de uma contracultura.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o Psicodelismo

A rebeldia dos anos 60 culminou em 1968. O movimento estudantil explodiu e tomou conta das ruas em diversas partes do mundo e contestava a sociedade, seus sistemas de ensino e a cultura em diversos aspectos, como a sexualidade, os costumes, a moral e a esttica.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o Psicodelismo
Mao Tse Tung, por Andy Warhol

Os personagens que os jovens transformaram em dolos (dos Beatles a Che Guevara), justamente porque tinham contestado o sistema, lhes foram devolvidos, comercializados: moda Mao, camisas com o rosto de Che, posters dos Beatles. O consumo transformava a contestao a ele, num rendoso produto de consumo.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o psicodelismo A arte expressava sua crtica atravs da Pop-Art, movimento que utilizava o humor como protesto s vises geomtricas, funcionalistas e racionalistas da esttica moderna. Um dos grandes cones da poca o artista Andy Warhol.
Ele cunha a famosa e proftica frase, hoje amplamente divulgada: "In the future everyone will be famous for fifteen minutes". (No futuro qualquer um ser famoso por quinze minutos).

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o psicodelismo Warhol usava imagens repetidas de smbolos populares da cultura norteamericana em seus quadros, como as latas de sopa Campbell, Elvis Presley e Marilyn Monroe. A Op Art (abreviatura de optical art, corrente de arte abstrata que explora fenmenos pticos) tambm fez parte dessa poca e estava presente em estampas de tecidos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o Psicodelismo Uma busca desesperada de afirmao para fazer valer a sua negao passava a ser realizada em todos os campos - na moda, na pintura, no cinema e, sobretudo, na msica. As suas cores gritavam tanto quanto o seu som, agressivo e agnico. O psicodelismo foi um caminho que grande parte da juventude estava escolhendo ou iria escolher nos anos 60, dentro do contexto da contracultura. Teve vida curta, mas foi de grande influncia e incandescncia.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o Psicodelismo Os designers psicodlicos da poca rejeitavam o modernismo como algo fora de moda. Enquanto os modernistas olhavam apenas para o futuro em busca de inspirao, o psicodelismo olhava para todos os lugares, muitas vezes atravs das alucinaes provocadas por drogas alucingenas.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO

Pster de Victor Moscoso produzido para o show de The Steve Miller Blues Band. 1967

Design Grfico: breve histrico, definio e conceito Evoluo do design: o Psicodelismo

Um dos designers mais famosos desse perodo foi Wes Wilson, destacando-se na produo de peas grficas para shows de rock. Victor Moscoso tambm realizou trabalhos notveis, e era o nico com formao em artes. Estudou cores em Yale com Josef Albers, ex-professor da Bauhaus.
Pster de Wes Wilson para os shows de The Grateful Dead, Junior Wells ans his Chicago Blues Band e The Doors. 1967

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: Em fins dos anos 60 e incio da dcada de 70, as preocupaes com relao ao meio ambiente, contracultura e autonomia poltica de pases do terceiro mundo levaram construo de uma nova conscincia mundial a respeito do design e da tecnologia.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design Desde os incios dos anos 70 que o design era repensado em termos de responsabilidade social. A agitao do final da dcada anterior, a estratgia do refreamento do perigo nuclear, a escalada do consumismo, os perigos ecolgicos resultantes da delapidao dos recursos naturais eram pontos decisivos de referncia. As novas tecnologias alimentaram formas arquitetnicas, recorrendo cor e ao realce das superfcies, reinterpretando a aparncia dos objetos em relao sua utilidade.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design Comearam a ser divulgadas idias como ecologia humana, responsabilidade social do designer e estratgias alternativas para o uso da tecnologia.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o ps moderno

Ao longo das dcadas de 1970 e 1980 se deu o processo de transio para o ingresso no perodo ps-moderno.
O design atravesse um perodo livre da rigidez do modernismo e de grandes esperanas e excitamento.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o ps-moderno A principal caracterstica do ps-modernismo o pluralismo, ou seja, no existe mais uma s forma correta de agir ou fazer as coisas, tampouco se pretende encontr-la.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design:o ps moderno O final do sculo XX tem sido marcado pela saturao das imagens, pelo apelo bombardeado da publicidade, pela poluio visual e pelo consumo atravs dos olhos. Nos ltimos quinze ou vinte anos vm sendo experimentadas novas maneiras e iniciativas de trabalhar a imagem, ousando em aplicar a desordem, o rudo e a poluio visuais em seus projetos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design: o ps moderno Neville Brody e David Carson so nomes importantes desses movimentos psmodernistas, os quais definem um novo paradigma de estilo no design grfico.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Evoluo do design Com o aparecimento de plataformas operacionais como os sistemas Macintosh (introduzido pela Apple em 1984) e Windows (introduzido pela Microsoft para concorrer com o primeiro), tornouse no somente possvel como simples e barato manipular fontes, espacejamento, entrelinhamento e uma srie de outros elementos grficos que antes eram domnio quase exclusivo do tipgrafo profissional. Como conseqncia, o exerccio do design grfico foi democratizado de modo radical.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Trabalho em grupo
Grupos de 3 ou 4 pessoas Sortear um perodo/movimento. Desenvolver um cartaz tamanho A3 com referncias do perodo/movimento sorteado, utilizando para isso recortes e colagens de revistas. PESO: 3,0 FINALIZAO E ENTREGA: 30/08

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Design Grfico: breve histrico, definio e conceito Segundo Hollis (2000), o design grfico possui trs funes principais: a primeira identificar; a segunda informar e instruir; e a terceira apresentar e promover. Identificar: considerada a principal funo por indicar a natureza de determinada coisa e sua procedncia. Nesse caso enquadram-se os logotipos, letreiros, brases, rtulos e toda espcie de pea grfica que apresente certo produto, servio ou idia.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Informar ou instruir diz respeito ao design de informao, ou seja, possui a funo de orientar em relao direo, posio e escala, como os mapas e diagramas.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Apresentar e promover a funo que deve prender a ateno do pblico e tornar seu contedo inesquecvel, como anncios publicitrios e cartazes, por exemplo.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Forma, Equilbrio e harmonia


Nas primeiras manifestaes conhecidas de comunicao visual h uma predileo natural pela simetria da natureza.

Com a emergncia da civilizao grega, o sentido da forma era baseado na diviso de uma linha em duas partes, e constituiu a base das principais medidas do Partenon.
Da mesma forma como nossa viso no pode reagir de uma maneira precisa, previsvel ou estruturada, no podemos solucionar todos os nossos problemas de criao de design por meio de uma teoria da estrutura. A maioria das ideias inovadoras do design nasceu com absoluta independncia em relao a tais regras e normas.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Forma, Equilbrio e harmonia
Simetria
A principal preocupao dos mestres impressores de Veneza, que foram os pioneiros do design grfico, era o equilbrio simtrico. Tal preocupao teve origem nas antigas culturas mediterrneas, desde as esculturas at a arquitetura. Simetria uma formulao visual em que cada unidade situada de um lado de uma linha central rigorosamente repetida do outro. Baseia-se na lgica e simplicidade.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Forma, Equilbrio e harmonia
Simetria
O equilbrio simtrico j produziu pginas de rara beleza, e as premissas estticas que inspiraram o design clssico continuaram a servir de padro a uma ampla parcela do design contemporneo. Somente no sculo XX que a assimetria comeou a ser apreciada como uma fora alternativa no design grfico e arquitetnico. Isso, todavia, no diminui a importncia da simetria como conceito criador em relao forma.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Forma, Equilbrio e harmonia


Assimetria
Os japoneses tiveram uma viso da arquitetura diferente dos ocidentais. Mais preocupados com o interrelacionamento com a natureza o resultado foi uma estrutura formal deliberada e cuidadosamente baseada num design assimtrico.

Enquanto o design ocidental era lastreado no eixo central e na diviso urea, as construes japonesas eram feitas a partir de sistemas modulares.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Forma, Equilbrio e harmonia


Assimetria
Frank Lloyd Wright na arquitetura e Mondrian na pintura trouxeram essa referncia japonesa para a cultura ocidental. Mondrian, inclusive, tem grande infuncia no design grfco, pela pureza e simplicidade com que ele tratou a superfcie bidimensional de suas pinturas.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Forma, Equilbrio e harmonia
Equilbrio
O equilbrio uma condio humana fundamental. Em design, o equilbrio o elemento-chave do sucesso, seja ele simtrico ou assimtrico. No estilo simtrico, fcil entender o equilbrio formal de um layout com a pgina dividida uniformemente dos dois lados. Trata-se, normalmente, de um equilbrio esttico. J no design assimtrico as mltiplas opes e tenses provocadas pela inexistncia de um centro definido requerem considervel habilidade. o chamado equilbrio dinmico.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO
Forma, Equilbrio e harmonia
Equilbrio
O equilbrio no pode ser expresso simplesmente como um clculo matemtico. O modo mais satisfatrio de combinar os elementos de um cenrio teatral, de uma pgina de um livro ou de um cartaz todas essas coisas so, essencialmente, uma questo de sensibilidade. A fora do design assimtrico a possibilidade, sempre presente, de fracassar, de cair. O equilbrio e o ritmo trabalham juntos para criar designs que pulsem com vida, atingindo estabilidade e surpresa, resultando em HARMONIA.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Elementos da comunicao visual;


*ponto:

unidade mais simples e irredutvel, formulao mais comum, pois em estado natural a reta ou o quadrado so uma raridade, tem grande poder de atrao visual sobre o olho, quando vistos, os pontos se ligam, sendo capazes de dirigir o olhar, em grande nmero, ou justapostos, criam a iluso de tom ou cor. ex: quadros pontilhistas de Seurat.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Elementos da comunicao visual;


*linha: quando os pontos esto to prximos entre si que se torna impossvel identifclos individualmente, aumenta a sensao de direo, e a cadeia de pontos se transforma em outro elemento visual: a linha, tambm podemos definir a linha como um ponto em movimento, nas artes visuais, a linha tem uma enorme energia, mas apesar de sua fexibilidade e liberdade, ela no vaga, decisiva: vai para algum lugar, o elemento essencial do desenho, podendo assumir formas diversas: imprecisa e indisciplinada, como nos esboos; delicada e ondulada, ou ntida e grosseira, nas mos de um artista; hesitante e indecisa, quando se trata de uma explorao visual; pessoal como um manuscrito, etc, raramente existe na natureza, mas aparece no meio ambiente: na rachadura de uma calada, nos fos telefnicos, nos cabos de uma ponte, nos ramos secos de uma rvore.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Elementos da comunicao visual;


*forma:
a linha descreve uma forma. na linguagem das artes visuais, existem trs formas bsicas: o quadrado, o crculo e o tringulo equiltero. cada uma das formas bsicas tem suas caractersticas especfcas, e a cada uma se atribui uma grande quantidade de signifcados: quadrado: enfado, honestidade, retido, esmero, tringulo: ao, confito, tenso, crculo: infnitude, calidez, proteo, a partir de combinaes e variaes infnitas dessas trs formas bsicas, derivamos todas as formas fsicas da natureza e da imaginao humana.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO A COR


Diretamente ligada s emoes, constitui uma fonte de valor inestimvel para os comunicadores visuais. A formao das cores se d por dois processos: o aditivo (cor luz) e o subtrativo (cor pigmento). *Processo aditivo das cores: A luz branca pode ser decomposta em 7 cores: azul-violeta, azul-cian, azul-anil, verde, amarelo, vermelho-alaranjado e vermelho-magenta. Nesse processo, as cores bsicas so o vermelho, o verde e o azul (RGB Red, Green, Blue). Na luz branca esto todas as outras. O sistema RGB de cores aquele presente nos monitores de vdeo e TV, logo, ser utilizado somente para criaes em vdeo, no para trabalhos impressos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO A COR


*Processo subtrativo das cores: Nesse processo, a cor determinada pelos pigmentos. As cores so determinadas pela maior ou menor quantidade de pigmento das tonalidades vermelho, amarelo e azul, que so as cores primrias. Da criou-se o sistema CMYK, usado pelas grficas, pelas empresas de fotolitos e pelas impressoras de nossos computadores. Esse sistema baseia-se nas trs cores primrias: Cian (azul), Magenta (vermelho) e Yellow (amarelo), que adicionadas ao K (preto) eproduzem uma infinidade de cores.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO A COR


Classificao das cores: Primrias - as cores bsicas que permitem a formao de todas as outras: azul, amarelo e vermelho (magenta)

Secundrias - combinando as cores primrias em propores iguais, de duas em duas, teremos as cores secundrias: verde, vermelho-alaranjado, azul-violeta.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO A COR


Classificao das cores: Tercirias: mistura das primrias em propores diferentes.

Cores complementares: o complemento de uma cor primria com a secundria. Ao somar duas cores primrias, por exemplo, o amarelo e o cian, obtm-se a cor verde, que secundria. O vermelho (cor primria que no foi adicionada o complemento dessa cor secundria (verde).

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO A COR


Classificao das cores: Cores frias: compreendem as tonalidades azuis e a passagem entre verde, azul e violeta. So calmantes, s vezes melanclicas. Dizem que causam uma ligeira queda na temperatura do corpo. No transmitem euforia.

Cores quentes: ao contrrio das frias, estimulam o observador. Causam uma sensao de calor, aproximao, euforia. A temperatura do corpo ligeiramente aumentada. Suas tonalidades tendem para o amarelo e para a combinao dos tons alaranjados e avermelhados, indo para o magenta.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO A COR


Veja o vdeo abaixo sobre as mais comuns associaes: color in motion

http://www.mariaclaudiacortes.com/colors/Colors.html

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia


Trabalhar a tipologia significa muito mais do que simplesmente escolher letras em mostrurios. necessria uma reflexo cultural, social e at ambiental, escolher a melhor opo. Fonte: o conjunto completo de letras maisculas e minsculas, sinais de pontuao, nmeros e espaos de um determinado tipo. Na propaganda um termo que significa a mesma coisa que tipo ou tipologia. Na discusso de uma pea grfica, normal perguntarem que fonte ou tipo ser usado.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia


Famlia: variaes que a tipologia oferece. Um mesmo tipo pode ser italic (itlico), bold (negrito), normal, medium, extra bold, condensed (condensada), etc. Essa variedade conhecida como uma famlia de tipos. Caixa alta: termo usado para letras maisculas. Caixa baixa: termo usado para letras minsculas. Corpo: toda rea ocupada pela matriz da letra; ou grossura dos caracteres tipogrficos, tamanho. Ponto: unidade bsica usada na composio para identificar o corpo, o entrelinhamento, etc.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia


Embora nos dias de hoje o nmero de fontes seja incontvel, possvel, em sua maioria, classificar os tipos por categoria. Os principais grupos so: 1. antigo 2. moderno 3. com serifa 4. sem serifa 5. manuscritos 6. decorativos

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia: tipos


antigo: tipos criados com base nos traos das letras dos escrives pblicos e letrados que usavam a pena como ferramenta de trabalho. Possuem pequena variao entre traos grossos e finos que so caractersticos da pena, e essa caracterstica os torna elegantes, clssicos e eternos. Outras coisas identificam um tipo antigo: eles sempre tm serifas. As serifas so inclinadas na caixa baixa. So os melhores para a utilizao em textos longos, por serem mais confortveis aos olhos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia: tipos


moderno: com a evoluo tecnolgica, os tipos acompanharam as mudanas, tornando-se mais mecnicos, seja pelos prprios equipamentos de impresso como pelos novos papis que garantiam uma qualidade de reproduo superior. A serifa mais delicada e possui os traos mais finos e retos. A transio entre os traos finos e grossos mais acentuada. Possuem uma caracterstica elegante, porm menos potica. Para longos textos devem ser usados com moderao e cuidado, pois seus traos grossos demais e serifas finas podem prejudicar a leitura.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia: tipos


sem serifa: se popularizaram no inicio do sculo xx. Seu desenho muito uniforme, a transio de traos finos e grossos praticamente no existe. O peso da letra um s. Nem sempre os tipos sem serifas so elegantes e bonitos, mas uma boa soluo contrastar os pesos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia: tipos


manuscrito: embora desenhados no computador, imitam a escrita mo, das mais tradicionais s mais futuristas. No so bem-vindos para utilizao em textos corridos, e trabalhar com textos manuscritos em caixa alta , normalmente, desastroso.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia: tipos


decorativos: so os mais complicados de usar. so fantasiosos, brincalhes, radicais, por isso mesmo o cuidado na escolha e na combinao tem que ser o maior possvel. Por outro lado, tm a vantagem de causar uma identidade visual impar na pea grfica.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia


Aspectos importantes na escolha e na composio com tipos: Legibilidade: a facilidade com que se l uma determinada fonte (depende da forma, do corpo, do entrelinhamento, etc) . Visibilidade: a facilidade com que a fonte vista no espao/pgina impresso. Contraste: imprescindvel para atrair o leitor. Pode se dar em relao ao tamanho, ao peso, estrutura, forma, direo ou cor do tipo utilizado. Ex.....

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Tipografia


Uso da tipografia na msica. http://www.youtube.com/watch?v=BOdmf4N5aPE&feature=feedf http://www.youtube.com/watch?v=OehxXNCYvTM&feature=mh_lo lz&list=LLjY3fwiN9V18aL8ZGVp_pNw http://www.youtube.com/watch?v=CAV0XrbEwNc&feature=BFa&li st=LLjY3fwiN9V18aL8ZGVp_pNw&lf=mh_lolz Outras coisas legais http://www.plasmosis.com/ http://rodrigopia.wordpress.com/category/tipografia/ http://www.flickr.com/photos/tiposestranhos/

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Imagem: fotografia e ilustrao


ILUSTRAO: VETOR Vetor - grficos criados em programas como o CorelDraw, onde as formas so representadas por linhas e curvas. Baseados em objetos ou linha artstica. Isso contrasta com os grficos bitmap, que so criados pixel por pixel em programas de pintura e por digitalizadores.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Imagem: fotografia e ilustrao


FOTOGRAFIA: BITMAP
No que se refere bitmaps, bits e pixels correspondem s unidades de uma imagem. Um pixel consiste em um quadrado digital simples que organizado juntamente com outros em grades. Essas grades se combinam formando a imagem.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Imagem: fotografia e ilustrao


bitmap, que so criados pixel por pixel em programas de pintura e por digitalizadores. Ex: fotos

vetor, as formas so representadas por linhas e curvas Ex: desenhos

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Imagem: fotografia e ilustrao


EXTENSES Arquivos vetorizados possuem extenso em: .cdr (CorelDraw); .ai (Adobe Illustrator), etc. Arquivos em bitmap possuem extenso em: .jpg .tiff .psd .bmp .gif, etc

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO Imagem: fotografia e ilustrao


Como vetorizar um bitmap?

Imagem em bitmap

Imagem vetorizada

Basicamente, vetorizar transformar uma imagem bitmap em vetor. Em grosso modo, uma foto para desenho. O processo de vetorizao normalmente realizado quando precisamos ter uma qualidade melhor de visualizao e impresso de um determinado objeto.
A vantagem dessa transformao, poder redimensionar a imagem vetorizada sem perder a qualidade.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN GRFICO

Anlise conceitual de peas grficas - AVALIAO


1) Movimento artstico que se adapta mais a esta pea? Art Nouveau, Art Deco, Cubismo, Futurismo, Dadasmo, Bauhaus, Pop-Art? Justifique sua resposta. 2) Qual a funo bsica desta pea grfica? Identificar, informar/instruir ou promover/apresentar? Justifique sua resposta. 3) Existe simetria ou assimetria na pea grfica? Por que? Quais elementos justificam sua resposta? 4) Em relao as cores, o grupo considera que existe predominncia de cores quentes ou frias? Por que, na opinio do grupo, esto sendo usadas essas cores? 5) A tipografia usada do grupo: antigo, moderno, com serifa, sem serifa, manuscritos ou decorativos? Por que, na opinio do grupo, esto sendo usadas essas fontes? 6) So usadas ilustraes em vetor ou em bitmap? Quais?

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
A evoluo do disco, atravs de seu formato e modelos, entre outros fatores, influenciou na composio das capas de discos.

Inicialmente, as capas eram envelopes padronizados com o nome da gravadora, que serviam apenas para proteger os discos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
Odesign grfico brasileiro bastante recente, no entanto, no design de capas de discos, somos pioneiros ao lado dos EUA, Inglaterra e Frana. Se a primeira capa de disco long-play produzida em 1948 por Alex Steinweiss na recm criada Columbia Records, j em 1951 Paulo Brves desenha a primeira capa de LP no Brasil para a Sinter (distribuidora da Capitol). Mesmo assim, so apenas 50 e poucos anos de cultura visual do disco em nosso pas.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
Depois passaram a receber um tratamento grfico para identificar a gravadora e o artista, assim o desenvolvimento de uma capa torna-se um projeto nico. Ento, as capas de discos deixaram de ser uma simples embalagem para se tornar um objeto com valor esttico alm do funcional.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
A partir da dcada de 60, com o auge do psicodelismo no design, o desenvolvimento de projetos tipogrficos para as capas de disco ganha maior destaque, tambm em virtude do desenvolvimento do processo de fotocomposio, que ampliava as possibilidades de novos recursos grficos, repletos de cores vibrantes e distorcidas, surrealismo e mensagens provocativas.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS

Sargent Peppers, Beatles, 1967

Trilha sonora filme Hair, 1979

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
Na dcada de 70, o psicodelismo continua se desenvolvendo, mas vai perdendo aos poucos seu colorido, transformando-se em sombrio e surreal.

Com a apario de alguns novos movimentos de mbito social, surgiu o design punk, propondo uma nova esttica, com nfase na comunicao.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS

The Clash 1977

Black Sabbath, 1970

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
Na dcada de 70, as fontes tipogrficas so exploradas ainda mais, sofrendo influncia de elementos geomtricos, e com intuito de transmitirem mais do que sua funcionalidade, gerando assim, novos resultados grficos.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos

Introspective, PetShopBoys, 1982 True Blue, Madonna, 1986

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
A tipografia de suma importncia na criao de uma capa de disco, pois, junto a outros elementos da pea grfica, possibilita a transmisso de uma determinada mensagem, geralmente identificando o artista e o estilo musical, bem como reconhecendo o perodo social e cultural em que estes se inserem.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
O abandono das regras fixas e universais e a busca pela idiossincrasia, pela identidade cultural presente no mbito grfico foi possvel graas desconstruo pelos designers contemporneos das frmulas j consagradas no design moderno.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
Nunca mais veremos uma capa como Milagre do Peixes, de Milton Nascimento, que se abre num poster de 90 cm com a letra de cada msica em papis coloridos independentes. Ou a Blitz 3 com trs verses de capas impressas em cores diferentes.

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez

DESIGN DE CAPAS DE DISCOS Caractersticas histricos-culturais da produo visual A evoluo visual das capas de discos
Atualmente, para o designer, a primeira vista, o espao diminuiu. Dos 31 x 31 cm do LP restaram 12 x 12 cm no CD; a distribuio musical pela Internet e o iPod nos levaro para caminhos ainda insuspeitados...

DESIGN GRFICO E DIGITAL Prof Renata Oliveira Garcez REFERNCIAS


Bibliografia Bsica
JAVIER PEREZ, Royo. Design Digital. Rio de Janeiro: 2AB, 2008. MEGGS, Philip B.. Histria do Design Grfico. 1. ed. So Paulo: Cosac Naify, 2009. RECUERO, Raquel. Redes sociais na internet. Porto Alegre: Sulina, 2009.

Bibliografia Complementar
DENIS, Rafael Cardoso. Uma introduo histria do design. 2. ed. So Paulo: Edgar Bluc her, 2004. DONDIS, Donis A. Sintaxe da linguagem visual. 3. ed. So Paulo: Martins Fontes , 2007. Farina, Modesto. Psicodinmica das Cores em Comunicao. 6 ed, So Paulo: Blusher, 2011 HURLBURT, Allen. Layout: o design da pgina impressa. So Paulo: Nobel, 2002. MCKNIGHT-TRONTZ, Jennifer; STEINWEISS, Alex; HELLER, Steven. For the record: the life and work of Alex Steinweiss. New York: Princeton Architectural Press, 2000. WILLIAMS, Robin. Design para quem no designer: noes bsicas de planejamento visual. 2. ed. So Paulo: Callis, 2006.

Outros http://tenhomaisdiscosqueamigos.virgula.uol.com.br/dicionario-do-vinil/

Das könnte Ihnen auch gefallen