DESIGN GRFICO Definies: Design grfico um processo tcnico e criativo que utiliza imagens e textos para comunicar mensagens,

, ideas e conceitos, com objetivos comerciais ou de cunho social. ADG Associao dos Designers Grficos do Brasil ...As representaes podem ser sinais, como letras do alfabeto, ou formar parte de outro sistema de signos como as sinalizaes nas estradas... O Design Grfico a arte de criar ou escolher tais marcas, combinando-as numa superfcie qualquer para transmitir uma idia. Richard Hollis Design Grfico P. Existncia: Design grfico existe desde que o homem comeou a fazer pinturas em cavernas; primeiramente em paredes de pedra ou terra seca, e hoje globalmente na World Wide Web. Designers grficos trabalham fazendo design de impressos, formas visuais de informao ambiental (sistemas de sinais) ou eletrnicos, trabalhos de propaganda, publicao ou at websites. Tudo isso conseguido atravs da administrao de habilidades e entendimento de tipografia, cores, imagens e sons para se criar solues visuais a problemas de comunicao. (About.com O que um designer grfico) Funo: O designer grfico precisa ser interdisciplinar: necessrio saber de tudo, desde como que feito o papel at como que o hambrguer preparado (produo de embalagens). Trabalho: Ele pode trabalhar em todas as reas, portanto, tm que ter uma noo de todas estas reas. Um designer ignorante como um economista que no sabe contar. Importncia: Estamos em um momento histrico e tecnolgico marcado pela rapidez e pela mudana, o mercado flexvel, volvel e programa o valor e sua descartabilidade: ao design cabe ser previdente e sensvel s oscilaes do momento para produzir com mais agilidade, a fim de adiantar-se mudana. Aspectos de anlise: Equilbrio: o prprio anncio brinca com a questo do equilbrio ao fatiar o objeto representado, mantendo-o no centro, mas substituindo o seu eixo de sustentao e simetria por uma dinmica mais fluida. Ainda sim, a composio apresenta boa leitura, levando-nos a percorrer a imagem de cima para baixo terminando na base com informaes em branco, destacadas do fundo vermelho o que sustenta uma finalizao do anncio. Harmonia: a harmonia est presente no que tange o aspecto monocromtico da imagem. Utilizando-se de um tom vivo de vermelho o idealizador consegue ao mesmo tempo em que chama a ateno de um observador pela intensidade da cor manter uma harmonia atravs desse sistema de cores confortvel ao olho uma vez que no nos expe a grandes e chocantes contrastes. A tipografia simples, limpa e de tamanho moderado completa o conjunto na medida em que segue o tom gracioso e moderno do anncio. Contraste: os contrastes do anncio so formados principalmente pela diferenciao de tons de vermelhos, pela luz e sombra no objeto e pelas letras brancas sob o fundo escuro. Alm disso, podemos notar um contraste entre a parte inferior da imagem com as letras e a base maior do objeto e a superior, mais leve. Figura X Fundo: o fundo dialoga bastante com a figura pois compem um cenrio monocromtico que envolve e contextualiza a garrafa num ambiente que remete matria prima do prprio produto; tomates. nfase e Hierarquia: pelo prprio tamanho da figura a garrafa formada por fatias de tomates d-se um destaque maior a ela, seguida pela legenda que a explica. Formas e Camadas: a principal caracterstica do anncio a composio da forma de uma garrafa de Ketchup atravs de fatias de tomates que brinca com o processo de fabricao do produto.

Fluxo ou ritmo: o desequilbrio provocado pela posio no reta das fatias que formam a garrafa produzem uma fluidez maior na imagem que se inicia no topo da garrafa e termina na legenda que sustenta o anncio. Simplicidade e Sntese: apesar de composta por muitas partes a idia da garrafa sintetiza em uma imagem todo o processo de fabricao do Ketchup, ao mesmo tempo em que garante a qualidade a naturalidade do produto. Dessa forma, o anunciante consegue no apenas chamar a ateno do consumidor como tambm passar em poucas palavras a caracterstica e filosofia de seu produto. Outros exemplos

Elementos Visuais Comunicao visual a comunicao por meio de imagens e elementos visuais Alfabetizao visual a sensibilidade forma como as imagens so utilizadas e manipuladas para conter mensagens precisas e reunirem informao A alfabetizao visual a capacidade de entender o que est a ser visto numa imagem. Impacto das imagens Significado associado com vrias imagens e sensaes pticas. O impacto de imagens sobre o consciente e o inconsciente . Criando multimdia Um criador multimdia tem de aprender como usar este impacto para o melhor efeito.

Multimdia Combinao de: Texto | Som | Vdeo - para apresentar informao Texto como imagem A forma como o texto apresentado impacta sua legibilidade

Elementos do Texto Fonte (legibilidade) Cor Tamanho (legibilidade) Espaamento (entre as linhas) Linhas Animao (excesso)

Princpios do projeto visual Contraste | Repetio | Alinhamento | Proximidade

Percepo da cor As cores so normalmente associadas com vrias emoes. Cores quentes: vermelho,laranja Cores frias: azul, roxo Percepo da Cor e Elementos

CORES e FORMAS AS RELAES CONTRIBUEM PARA ALTERAR A PERCEPO DAS COISAS GESTALT Universidade de Frankfurt, Escola de Psicologia Experimental Incio do sculo XX (1910) Max Wertheimer (1880-1943), Wolfang Kohler (1887-1967) e Kurt Koffka (1886-1941) Estuda o fenmeno da percepo e tenta entender os motivos pelos quais algumas formas so mais agradveis que outras Ideia base: a percepo de um objeto no se d por partes isoladas, mas sim por um todo Segue o princpio de que vemos as coisas sempre dentro de um conjunto de relaes -> o que traz o significado

Linhas horizontais paralelas

Os quadrados magentas ficam com tonalidades mais escuras dentro dos verdes e mais claros nos quadradinhos brancos

LEIS DA GESTALT Caractersticas da percepo comuns para a maioria das pessoas. Unidade Segregao Unificao Fechamento Continuao Proximidade Semelhana Pregnncia da forma UNIDADE nico elemento encerra-se em si mesmo ou como parte de um todo. Um ou mais de um elemento que constitui o objeto.

SEGREGAO

UNIFICAO Harmonia, ordem e equilbrio visual devem fazer parte da composio. Refora a unio da figura.

FECHAMENTO Sensao de fechamento para uma unidade visual por uma ordem estrutural definida

CONTINUAO Impresso de saber como as partes se sucedem (comum em teste psicotcnicos)

PROXIMIDADE Elementos prximos tendem a serem vistos juntos e formar uma unidade

Nem sempre a proximidade forma unidade

SEMELHANA Igualdade, grupamentos de partes semelhantes cor ou forma

PREGNNCIA DA FORMA Quanto melhor for a organizao visual e mais rpida a sua compreenso, maior o indce de pregnncia (legibilidade, compreenso, mximo de clareza)

USO DA COR Meta de uma projeto: harmonia e contraste Pela disposio dos elementos Cores utilizadas

Fatores que influenciam a escolha das cores: Meio ambiente (contexto) Faixa etria Condies sociais Influncias culturais USO DA COR

Mas h parmetros que auxiliam na definio das cores Vamos a eles PRETO

Violeta /tonalidades de lils

Vermelho

Prpura

Verde

Esttico e frio, traz tranquilidade

Branco: paz, solido Azul Laranja

Exprime profundidade. Introvertida e discreta

Transmite radiao e expanso

UTILIZAO As composies podem ser feitas de forma atenuante ou contrastante Referncia: o crculo cromtico

UTILIZAO Cores prximas a complementar tendem a aparecer mais

Contrastes: Com contorno em preto ficam mais vistosas

Com contorno em branco ficam mais desbotadas

NA PRODUO GRFICA

REPRODUO GRFICA

REFERNCIAS UTILIZADAS COLLARO, Antonio Celso. Projeto grfico: teoria e prtica da diagramao. So Paulo: Summus, 2000. FILHO, Joo G. Gestalt do objeto: sistemas de leitura visual da forma. So Paulo: Escrituras Editora, 2000. MARTINS, Nelson. A imagem digital na editorao: manipulao, converso e fechamento de arquivos. Rio de Janeiro: Ed. Senac Nacional, 2003.

Tipografia Definio 1: Tipografia compreende o desenho e a produo de letras e a sua adequada distribuio e espaamento sobre uma superfcie para transmitir informao e facilitar a compreenso. Definio 2: A tipografia (do grego typos "forma" e graphein "escrita") a arte e o processo de criao na composio de um texto, fsica ou digitalmente. Assim como no design grfico em geral, o objetivo principal da tipografia dar ordem estrutural e forma comunicao impressa TIPOGRAFIA: Viso Geral Na maioria dos casos, uma composio tipogrfica deve ser especialmente legvel e visualmente envolvente, sem desconsiderar o contexto em que lido e os objetivos da sua publicao. Em trabalhos de design grfico experimental (ou de vanguarda-atuais) os objetivos formais extrapolam a funcionalidade do texto, portanto questes como legibilidade, nesses casos, podem acabar sendo relativas. No uso da tipografia o interesse visual realizado atravs da escolha adequada de fontes tipogrficas, composio (ou layout) de texto, a sensibilidade para o tom do texto e a relao entre texto e os elementos grficos na pgina. Todos esses fatores so combinados para que o layout final tenha uma atmosfera ou ambiente apropriado ao contedo abordado Por muito tempo o trabalho com a tipografia, como atividade projetual e industrial grfica, era limitado aos tipgrafos (tcnicos ou designers especializados), mas com o advento da computao grfica a tipografia ficou disponvel para designers grficos 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 democratizao tem um preo, pois a falta de conhecimento e formao adequada criou uma proliferao de textos mal Diagramados e fontes tipogrficas mal desenhadas. Talvez os melhores exemplos desse fenmeno possam ser encontrados na internet Mesmo com o advento dos Computadores e da edio eletrnica de texto, a tipografia permanece viva nas formataes,estilos e grafias. Prensa mecnica em uso, xilogravura*, 1568 *Xilogravura a tcnica de gravura na qual se utiliza madeira como matriz e possibilita a reproduo da imagem gravada sobre papel ou outro suporte adequado. um processo muito parecido com um carimbo. uma tcnica em que se entalha na madeira, com ajuda de instrumento cortante, a figura ou forma (matriz) que se pretende imprimir. Em seguida usase um rolo de borracha embebecida em tinta, tocando s as partes elevadas do entalhe.

Xilogravuras do sculo XVI ilustrando a produo da xilogravura. No primeiro: ele esboa a gravura. Segundo: ele usa um buril para cavar o bloco de madeira que receber a tinta

SERIFA: DEFINIO Na tipografia, as serifas so os pequenos traos e prolongamentos que ocorrem no fim das hastes das letras. As famlias tipogrficas sem serifas so conhecidas como sans-serif (do francs "sem serifa"), tambm chamadas grotescas (de francs grotesque ou do alemo grotesk). A classificao dos tipos em serifados e no-serifados considerado o principal sistema de diferenciao de letras. Tipicamente, os textos serifados so usados em blocos de texto pois as serifas tendem a guiar o olhar atravs do texto. O ser humano l palavras ao invs de letras individuais, assim as letras serifadas parecem juntar-se devido aos seus prolongamentos, unindo as palavras. Por outro lado, os tipos sem-serifa costumam ser usados em ttulos e chamadas, pois valorizam cada palavra individualmente e tendem a ter maior peso e presena para os olhos ("chamando a ateno"), j que parecem mais limpos.

TIPOGRAFIA X TIPOLOGIA Tipologia: processo de classificao ou estudo de um conjunto, qualquer que seja a natureza dos elementos que o compem, para determinao das categorias em que se distribuem, segundo critrios definidos. O TIPO

VARIAES DO TIPO

TIPOGRAFIA: Exemplo de LOGOTIPO Estudo e Analise

Projeto Visual Etapas 1. Metodologia Estabelecer um canal de dilogo entre quem cria e quem contrata ou solicita um determinado produto visual, facilitando a comunicao e a eficcia dos resultados. Identificao das necessidades e objetivos, dos caminhos a serem percorridos para chegar a um resultado satisfatrio, que comunique bem as idias, avaliando as limitaes da mdia e outros aspectos importantes no processo. 2. Planejamento do Projeto Primeira coisa a se fazer propor um encontro, conversa, reunio com quem faz o pedido do produto visual para saber as demandas do trabalho. Neste encontro importante estabelecer alguns pontos: a) Briefing de Projeto - Construdo pelo artista visual e quem faz o pedido do trabalho. Deve contemplar todas as informaes objetivas e subjetivas, os pontos fortes a serem trabalhados com nfase e as questes limitantes do projeto. O briefing deve responder qual o OBJETIVO do trabalho, deve descrever os problemas que indicam a necessidade do projeto e os possveis benefcios com a sua implantao. Deve constar no briefing tambm o formato, tonalidades de cores preferenciais. b) Cronograma - O cronograma do desenvolvimento do trabalho deve conter as datas de concluso de cada etapa do projeto e tambm os dias programados para as reunies de apresentao dos resultados. c) Levantamentos e Investigao Nesta etapa se estuda os dados relativos ao contexto do trabalho, considerando sempre as informaes descritas no briefing. Todas as fontes de informao possveis devem ser investigadas a fim de que os dados relativos ao projeto sejam reunidos para anlise. d) Anlise das Informaes - Depois de estudar as informaes, hora de selecionar e armazenar o que for mais relevante e descartar o que menos importante, construindo uma linha de raciocnio que v ao encontro das necessidades de comunicao do trabalho. 3. Desenvolvimento do Projeto quando se passa para a fase de elaborao prtica dos estudos feitos. a. Conceituao do Projeto - a organizao das informaes e a definio das idias contidas na proposta visual que ser desenvolvida. Apresenta a personalidade, as caractersticas gerais do projeto. Este conceito deve ser expresso em palavras, imagens e desenhos que representem os princpios norteadores de todo o projeto. o espao da sntese.

b. Anteprojeto e aprovao da proposta - Nesta fase define-se o design, as cores, as formas, as tipografias, a diagramao, o planejamento grfico, os materiais, os acabamentos,ou seja, todos os aspectos que envolvem a soluo final do projeto. Este processo leva a escolha de uma (ou mais de uma) opo projetual, que poder ser representada atravs de um layout. a fase da proposio da composio visual, que deve ser aprovada por quem faz o pedido do trabalho antes de se prosseguir. c. Oramento Preliminar - Se julgar necessrio, o designer poder apresentar ao cliente, junto com o anteprojeto, uma estimativa de custos de produo. d. Projeto Final e Aprovao - quando se define o processo executivo do projeto. Nesta fase descrevem-se todos os dados tcnicos e referncias gerais necessrias produo do projeto. So as artes-finais, os arquivos e documentos que sero interpretados pelos encarregados da produo do trabalho. a fase de reviso final, da prproduo. Nesta etapa tambm necessria a aprovao do cliente. 4. Produo nesta fase que as idias se concretizam, so elaborados e preparados os arquivos das peas necessrias. Oramento Final e Aprovao do Oramento - Sugere-se que esta solicitao seja feita no mnimo a dois fornecedores. O cliente dever aprovar previamente os oramentos antes do incio da produo. Execuo do Projeto - Etapa de produo do projeto. quando o trabalho do designer se materializa. Superviso da Execuo - Durante a execuo, o designer dever acompanhar a produo a fim de supervisionar o trabalho dos fornecedores, comprometendo deste modo com a qualidade dos produtos finais que sero entregues ao cliente. Entrega do Produto Final e Aprovao do Cliente - Concluso da produo. O designer deve acompanhar a entrega dos produtos finais ao cliente. importante, neste momento, redigir um relatrio de concluso. Implantao do Projeto - Nesta etapa o designer deve acompanhar a implantao do projeto ocumentao e Registro do Trabalho - Etapa final do trabalho, onde o designer dever documentar, arquivar, fotografar e incorporar o projeto ao seu portflio.