apostila - comunicação visual

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia

Imagem da Capa

ESPECIALIZAO: DESIGN GRFICO DISPLINA: COMUNICAO VISUAL PROFESSOR: ACILON HIMERCRIO BAPTISTA CAVALCANTE [email protected] COORDENADOR TCNICO: PROF. MRCIO R. DO CARMO PEREIRA [email protected]

1


Caros Alunos e Colegas, Assim como aprendemos a ler o alfabeto no incio de nossa vida, h uma srie de elementos ao nosso redor que merecem a devida ateno de forma que aprendamos a tecer leituras e assim aproveitar de forma mais contundente tudo o que a vida tem a nos oferecer... Uma boa msica muito mais prazeirosa quando reconhecemos os smbolos sonoros ou cantados na mesma. O mesmo pode ser dito de paisagens, edifcios, a natureza e mesmo cidades. Desta, a Disciplina de COMUNICAO VISUAL, assim como as letras do alfabeto e as notas musicais, fazem parte de um cdigo presente em toda a natureza e que transferimos para a nossa concepo de espao sempre que nos propomos a construir e desenvolver qualquer artefato que v ocupar as trs coordenadas cartesianas. Sejam Bem Vindos,

Prof. Esp. Acilon HB Cavalcante

2


A avaliao consiste no desenvolvimento de um manual de Marca para uma empresa que ser escolhida em sala de aula, conforme o material desta apostila. O Manual deve conter: 1 Estudo de Logo. 2 Todos os posicionamentos Possveis da marca. 3 Aplicao da marca em material impresso e digital. 4 Manual de Sinalizao obedecendo a NBR 9050.

3

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaSUMRIO 1. Introduo - O que Comunicao Visual 2. Leitura e Metodologia Visual. 2.1. Organizao Espacial. 2.2. Elementos Visuais: Linha, Superfcie, Volume, Cor, Textura e Luz. 3. Identidade Visual. 3.1. Criao de Manual de Marca. 5. Ferramentas de Comunicao Visual (Softwares).

4

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia1. INTRODUO - O que comunicao Visual?

A Partir do Grfico acima extrado do livro Design e Comunicao Visual de Bruno Munari, podemos refletir acerca de algumas perguntas: 1 Qual a diferena entre dados e Informao? 2 Toda informao Conhecimento? A Comunicao Visual expressa atravs de uma mensagem visual. Para entender o que uma mensagem visual necessrio perceber os tipos de linguagem: 1 Linguagem Oral. 2 Linguagem Escrita. 3 Linguagem Visual. 4 Linguagem Corporal. A Comunicao visual est logicamente ligada linguagem visual, o que priori pareceria uma redundncia j que todas as linguagens so de alguma forma visuais, no entanto, o que esta classificao pretende abranger qual o principal rgo e sentido do ser a interpretar tais mensagens. Com o advento das mdias digitais, este tipo de comunicao torna-se cada vez mais interativo medida em que adota novos meios iterao. comum hoje ver em aeroportos projetos de comunicao visual que integram som com imagem e s vezes cheiro e tato. A isto chamamos de processos de imerso, mas entre os sentidos principais do ser humano esto a fala e a viso, e para que estes processos de iterao cheguem ao receptor da mensagem hoje necessrio que este primeiramente veja a mensagem, a no ser em casos de deficincia visual, claro. Portanto este material comea com o intuito de responder as perguntas acima, e usar tanto dados quanto informaes para enriquecer nosso conhecimento sobre comunicao visual e nossa forma de ler o mundo. Para isso iremos primeiramente entender como se d a leitura visual, as formas, orientaes e direes espaciais. Depois, como em um alfabeto, entenderemos quais so as letras com as quais escrevemos a comunicao visual, a linha, a superfcie, a cor, a textura, o volume e a luz. Isto tudo servir de base para os projetos que pretendemos execut-los. A terceira parte deste material inclui a identidade visual e os elementos que dela fazem parte, a logo, a sinalizao, o manual de marca, os impressos e assim por diante. Por fim, h um apanhado das ferramentas que orientam o designer no desenvolvimento de projetos de comunicao visual e na concluso sero expostas as expectativas sobre esta disciplina, de seu professor e seus alunos.

5

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia2. Leitura e Metodologia Visual: Assim como somos alfabetizados na gramtica para entendermos os livros ou mesmo esta apostila, tambm na comunicao visual podemos passar pelo mesmo processo. Os elementos visuais: linha, superfcie, volume, cor, textura e luz so como letras que se agregam no alfabeto de movimentos e orientaes espaciais. Quando se tem o domnio destas ferramentas possvel fazer diversas composies e expressar mensagens de carter visual de qualquer natureza. A semitica divide a apreenso da linguagem em trs nveis, indo da impresso material apreenso de convenes sociais ligadas determinados elementos. Aqui, comearemos por este alfabeto e em dados momentos compreenderemos seus nveis de interpretao para nos auxiliar na criao de composies de natureza grfica. 2.1 Movimentaes e Direes Espaciais. Resumo prtico de limites e direes epaciais: Elementos: 1 Limites da Composio. 2 Peso Visual. 3 Centro Geomtrico e Centro Perceptivo. 4 Direcional de Leitura. 5 rea de maior concentrico de energia.

6

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia2.1.1 Composies Estticas e Dinmicas. a) Estticas Tem relao com o descanso, com a morte, por isso a linha de referncia a horizontal. b) Dinmicas Tem relao com o movimento, por isso a linha de referncia a diagonal. Obs. Quando a linha vertical, esta pode ter uma conotao esttica ou dinmica, vai depender da relao com outros elementos visuais. Exemplos: a) dinmica:

b) Esttica:

7

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia2.2.2 Composies Simtricas e Assimtricas. O que caracteriza a simetria e a assimetria a distribuio dos elementos nos hemisfrios direito e esquerdo de qualquer composio. Exemplos: a) Simtrica:

b) Assimtrica:

8

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaElementos Visuais: 2.2.1 Linha. Caractersticas: 1 - Unidimensional, atravs dela compreendemos o espao directional, 2 Sequencial, pode-se introduzir intervalos. 3 Continuidade, ela deve dar a iluso de ser continua. 4 Ausncia de peso. 5 Imaterialiade, as linhas so subjetivas, impossvel tocar nelas. 2.2.2 Superfcie. Caractersticas: 1 Bidimensional. 2 Delimitam uma rea. 3 Podem apresentar profundidade, mas sem uma terceira dimenso. 2.2.3 Volume. A Caracterstica do volume est relacionada 3a. Dimenso: altura x largua x profundidade. Enquanto a superfcie apresenta duas dimenses, o volume coloca-se com trs. Em geral, a representao da natureza e de tudo o que existe nela em representado em 03 dimenses, mas nem sempre foi assim: Exemplo: Miniaturas Medievais:

Na Era Medieval, uma das caractersticas das representaes era a falta de profundidade, que s foi desenvolvida no renascimento com os arquitetos que desenvolveram a perspectiva. A Perspectiva pode ser classificada quanto ao nmeros de pontos de fuga existente. As principais so: 1 Ponto de Fuga: Para representao de ambientes e interiores. 2 Pontos de Fuga: Paisagens, Prdios.. 3 Pontos de Fuga: Imagens areas.

9

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaExemplos:

2.2.4 Cores. a) Classificao das Cores: Tonalidades. Primrias x Secundrias. Complementares. Quentes e Frias. b) Funes das Cores na Comunicao Visual. 1 - a de impressionar a retina, 2 - a de provocar uma reao e 3 - a de construir uma linguagem prpria comunicando uma idia, tendo valor de smbolo e capacidade. c) Fatores que influenciam na escolha das cores: Sociolgicos, psicolgicos e fisiolgicos. Psicolgicos: As cores quentes so estimulantes e produzem as sensaes de calor, proximidade, opacidade, secura e densidade. Em contraste, as cores frias parecem nos transmitir as sensaes de frias, leves, distantes, transparentes, midas, areas e acalmantes. Sociolgicos: Atribumos significados conotativos s sensaes visuais que temos, como por exemplo: Estou verde de fome. Ele est roxo de frio. Fiquei branca de susto.

10

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaExemplo a cor Azul "Msica Blue Monday".

Nos pases de clima temperado, a expresso azul significa triste, enquanto que no Brasil, que tem o cu mais azul do planeta, azul sinnimo de felicidade. Fisiolgicos: Atravs de experimentos feitos por Rorschach, foi descoberto que caracteres alegres correspondem intuitivamente cor, enquanto as reaes de pessoas deprimidas correspondem forma. Pessoas sensveis, que se deixam influenciar, e que tm tendncia desorganizao e a oscilaes emocionais, so geralmente indivduos que tm preferncia pela cor. O temperamento frio, controlado e introspectivo, so caractersticas daqueles que reagem forma. O psiclogo Bamz defende o fator idade versus preferncia na manifestao de uma pessoa por determinada cor. Vermelho: de 01 a 10 anos- idade da espontaneidade e da efervescncia; Laranja: Verde: de 10 a 20 anos- idade da aventura, excitao, imaginao; de 30 a 40 anos- idade da diminuio do fogo juvenil; Amarelo: de 20 a 30 anos- idade da arrogncia, fora, potncia;

11

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaAzul: Lils: Roxo: de 40 a 50 anos- idade da inteligncia e do pensamento; de 50 a 60 anos- idade da lei, do juzo, do misticismo; alm dos 60 anos- idade da benevolncia, do saber, da experincia.

Sensaes Cromticas: Vermelho Associao material: guerra, sangue, sol, mulher, feridas, perigo, fogo, rubi. Associao afetiva: fora, energia, paixo, vulgaridade, coragem, furor, violncia, calor, ao, agressividade. Do latim vermiculus [verme, inseto (a cochonilha)]. Desse verme extrada uma substncia, o carmim, a qual chamamos de carmesim [do rabe: qirmezi (vermelho bem vivo)]. Essa cor simboliza encontro, aproximao. Laranja (faz correspondncia ao vermelho moderado) Associao material: pr do sol, festa, laranja, luz, outono, aurora, raios solares. Associao afetiva: tentao, prazer, alegria, energia, senso de humor, advertncia. Laranja tem origem do persa narang, por meio do rabe naranja. Simboliza o flamejar do fogo. Amarelo Associao material: palha, luz, vero, calor de luz solar, flores grandes. Associao afetiva: alerta, cime, orgulho, egosmo, euforia, originalidade, iluminao, idealismo. Vem do latim amaryllis. o smbolo da luz que irradia em todas as direes. Verde Associao material: frescor, primavera, bosques, guas claras, folhagem, mar, umidade. Associao afetiva: bem-estar, sade, paz, juventude, crena, coragem, firmeza, serenidade, natureza. Deriva do latim vidiris. o smbolo da harmonia da faixa que existe entre o cu e o Sol. De paz repousante e reservada, favorece o desencadeamento de paixes. Azul Associao material: frio, mar, cu, gelo, guas tranqilas, feminilidade. Associao afetiva: verdade, afeto, paz, advertncia, serenidade, espao, infinito, fidelidade, sentimento profundo. Tem origem no rabe e no persa lzrd, por lazaward (azul). Proporciona a

12

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologiasensao do movimento para o infinito. Cu sem nuvens. Uso da Cor na Publicidade: caf: marrom-escuro com toque de vermelho ou laranja; iogurte: branco e azul; perfumes: roxo, amarelo-ouro e prateado; remdios em geral: azul-claro, marrom, branco e vermelho, dependendo do tipo medicinal, estimulante ou repousante. Uso da Cor no Comportamento Infantil: Uma pesquisa encomendada pelo canal Cartoon Netwok pela Kids Experts entrevistou 1200 crianas de 06 11 anos e constatou que de 600 meninos consultados, 47% fazem compras sozinhos no entanto com o dinheiro de pais ou parentes; outros 39% obtm os produtos com a mesada que ganham; e apenas 18% pedem que os pais comprem por eles. Entre as meninas, se d o mesmo: 46% compram com dinheiro de terceiros, 35% com a mesada que ganham dos pais e apenas 19% so consumidoras indiretas. 2.2.5 TEXTURA. A textura na Comunicao Visual entra como um elemento agregador de dinmica identidade visual e s composies. Mas antes necessrio observarmos os que sos caractersticas da textura: 1 A textura caracterizada pela repetio de elementos em uma escala micro, que permitie a comparao com materiais existentes na natureza e na indstria, como o vidro, o plstico, a madeira, areia, etc... 2 A Caracterizao dinmica da textura em determinado elemento se d quando ele agrega valor aos demais elementos existentes na composio. Exemplo: Logo da Apple:

13

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaNa comparao entre a logo de 1976 1998, colorida e uma quebra com toda forma de comunicao visual existente at o momento, quando dava-se valor bidimensionalidade e ao monocromatismo ou no mximo bicromoa. Na logo atual, a textura de transparncia e as linhas do uma dimenso mais dinmica identidade da empresa. H tabm outros casos de empresas que usaram a textura para modernizar a marca, principalmente com o advento das mdias digitais, caractersticas como transparncia e tecnologia passaram a ser lugar comum no desenvolvimento de logomarcas: Empresas de Carro:

Empresas de Comunicao:

Ainda h empresas de tecnologia, como a prpria Apple, Google e Microsoft.

14

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia2.2.6 Luz. A Luz caracterizada pelo contraste entre o claro e o escuro simplesmente, e no com iluminao, como se tende a acreditar. Exemplos:

Quanto maior a diferena entre o claro e o escuro, maior a vibrao entre as superfcies, o que logicamente leva uma sensao de avano e recuo. Este elemento comummente usado em composies artsticas e na arte publicitria. Simbolismo da Luz. Claro: Verdade, bem, vida, sol, ser. Escuro: Ausncia e Negao. Exemplos de uso da Luz na Editorao:

15


Nos dois exemplos, a luz usada de acordo com a inteno das duas revistas. Uma toma partido claramente a favor e outra contra sobre o mesmo assunto. Enquanto que na primeira h uma iluminao total em toda a composio com raios de luz ao fundo exaltando a figura objeto da matria de capa, na segunda h uma assimetria entre a figura e a escurido, o que denota o sentido austero e obscuro que se quer far reportagem.

16

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia3. Identidade Visual A identidade visual consiste nas caractersticas que se pretende exprimir visualmente. Isto serve tanto para empresas, quanto para edifcios, projetos, pessoas e qualquer coisa que se possa ter uma leitura visual. Comearemos este estudo com base na identidade visual de empresas: a) Elementos que compem a identidade visual de uma empresa: 1 Logtipo ou Logomarca O primeiro elemento caracterstico de uma empresa seu logtipo ou logomarca, como ela ser conhecida e reconhecida pelo mercado, pela sociedade e mesmo pela cultura. 2 Material Impresso Este corresponde ao Design Corporativo da Emrpesa. Onde pode-se encontrar cartes de visita, papel timbrado, sites, manual de aplicao de marca em material publicitrio. 3 Sinalizao de edifcios, carros e ambientes. Este o projeto de comunicao visual em si, onde a identidade colocada nos ambientes e permite que haja conhecimentos de seus usurios de onde voc est e pra onde voc pretende ou pode ir. Exemplos: Comunicao Visual do Bank Boston.

17


Fonte: Arcoweb.com.br A Comunicao visual deve acompanhar ainda todo e qualquer evento em que a empresa esteja presente, a exemplo dos estandes em feiras: Estande Vale na FIPA 2009.

18

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaNeste fronto da Vale h a aplicao do supergrfico, que responde como identidade da companhia em todas as suas peas publicitrias, como no exemplo abaixo, em um display de maquete:

Todas as aplicaes da marca e da identidade visual de uma empresa esto em seu manual de marca e manual de sinalizao, de onde ns iremos aprofundar o estudo agora: 3.3.1 Elementos do Manual de Marca. 1 Aplicao da marca Esta deve ser colocada no formato de mdulos, pois as dimenses podem variar de acordo com a superfcie em que se deseja aplicar a marca: Veja o exemplo do manual do governo do Estado do Par:

19

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaO Mesmo manual ainda apresenta as diferenas quanto a aplicao dos nomes das Secretarias por extenso e em siglas:

2 - Outro elemento que deve conter no manual de marcas, a paleta de cores usada, como neste exemplo da Sindiquimios:

As paletas de cores ainda variam de acordo com a Mdia: Mdias Digitais: RGB e Hexadecimal. Mdia Impressa: CMYK 3 Famlia de Fontes: As Fontes devem ser escolhidas de forma a representar os ideais e caractersticas da empresa. A tipografia institucional formada normalmente por uma fonte principal e uma auxiliar, de modo a criar projetos complexos e hamoniosos. Normalmente se usa uma fonte serifada e outra sem serifa.

20


4 Redimensionamento da Marca: Ocorre dentro da modulao proposta.

Acompanha tambm uma rea de proteo, uma margem na qual no deve haver nenhuma interferncia para no prejudicar a leitura da Marca. 3.3.2 Manual de Sinalizao. O Manual de sinalizao pode ser um projeto separado ou vir integrado ao manual de marca, segue os elementos de aplicao do manual de marca e s vezes limita os componentes de sinalizao. 1 Sinalizao em Carros:

21

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia2 Impressos:

3 Brindes

4 Mdias Digitais. Newletters, sites, cd-roms e aplicativos multimdia.

22

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia5 ainda importante ter o que no se pode fazer com a marca, quanto mais detalhado for o manual de marca, menos dificuldades existiro na hora de se expor ou proport algum trabalho para esta marca. 4. Aplicando Comunicao Visual em Prdios e Ambientes. Para aplicar qualquer projeto de Comunicao Visual em Prdios e Ambientes, necessrio antes de tudo ter conhecimento da norma da ABNT que regula a acessibilidade, a NBR 9050. Nela, h smbolos universais para a comunicao visual no que respeita escadas, banheiros, acessos e segurana. 4.1 Cones de Viso: A figura abaixo levanta os cones de viso de uma pessoa em cadeira de rodas:

4.2 Sinalizao Direcional Indica o caminho a ser seguido no prdio.

23

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia4.3 Sinalizao de emergncia Indicada para alertar rotas de fuga e sadas de emergncia em situaes de risco. 4.4 Quadro mnimo de necessidade de informao:

4.5 Smbolos Universais a) Acesso Universal:

b) Deficincia Visual

c) Deficincia auditiva.

24

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologiad) Smbolos Complementares:

A norma tambm prev a distncia mnima para leitura de determinadas informaes.

E tais medidas para a criao de ttens, placas e sinalizaes so expressas tambm na norma.

25

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologia5. Ferramentas de Comunicao Visual. a) Adobe Photoshop Adobe Photoshop um software caracterizado como editor de imagens bidimensionais,desenvolvido pela Adobe Systems. considerado o lder no mercado dos editores profissionais de imagens digitais e trabalhos de pr-impresso. Apesar de ter sido concebido para edio de imagens para impresso em papel, o Photoshop est a ser cada vez mais usado para produzir imagens destinadas internet. Enquanto o Photoshop utilizado por profissionais, monopolizando este mercado, com seu preo elevado, surgem outros programas concorrentes, para outras faixas de usurios, como por exemplo, o GIMP, um programa gratuito.

b) CorelDRAW O CorelDRAW um programa de desenho bidimensional para design grfico, que foi desenvolvido pela Corel Corporation, Canad. um aplicativo de ilustrao vetorial e layout de pgina, que possibilita a criao e a manipulao de vrios objetos, como desenhos artsticos, publicitrios, logotipos, capas de revistas, livros, CDs, imagens para aplicao na Internet (botes, cones, animaes grficas) confeco de cartazes e outros. Tem como concorrentes principais os programas Adobe Illustrator, Macromedia Freehand, em ambiente software proprietrio. Em software livre, o concorrente o Inkscape.

26


c) Adobe Fireworks O Fireworks um editor de imagens, desenvolvido pela Macromedia e adquirido pela Adobe. Suas funcionalidades so direcionadas a publicao grfica na Internet, por isso inclui suporte a GIF animado, PNG e imagens fatiadas, alm de tima compresso de imagens.

27

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologiad) Adobe InDesign O software Adobe InDesign rompe as barreiras entre a publicao on-line e off-line. Cria materiais de impresso atrativos, layouts profissionais para impresso e publicao digital, contedo imersivo para reproduo no tempo de execuo do Adobe Flash Player e documentos PDF interativos.

e) Adobe Ilustrator. Este software para a criao de ilustraes e designs diferenciados de leiautes e outras criaes. considerado o melhor software de ilustrao pelos profissionais da rea.

28

PS-GRADUAOExcelncia em Meio Ambiente e Tecnologiae) VECTOR WORKS O Vector Works considerado o melhor software de CAD existente, com mais recursos e interativo, permite o planejamento total de totens, leitura de arquivos do auto-cad e representao 3D do projeto.

29

PS-GRADUAOExcelncia em Meio Ambiente e TecnologiaCONCLUSO Excetuando a linguagem oral, praticamente todo processo de comunicao visual, pois a sociedade atual coloca no sentido da Viso todo os seus valores. Sentenas populares como Quem no Visto no lembrado ou Em terra de cedo quem tem olho rei, mostram o valor que ns damos tudo quilo que visvel, at mesmo por uma herana religiosa na passagem em que So Tom s acredita na ressurreio de Jesus aps v-lo. Assim, fica claro imaginar que o profissional que trabalha a Comunicao Visual deve, antes de tudo, entender como se d a cognio de tudo aquilo que visvel, como lemos e como podemos escrever o que visual, a sinalizao, posicionamento de totens, ergonomia em todos os seus sentidos e os valores culturais e artsticos que compem o imaginrio. At a palavra imaginrio faz referncia imagem, e esta, ser o nosso objeto de trabalho e estudo neste curso de Comunicao Visual. Obrigado todos, Acilon HB Cavalcante.

30


REFERNCIAS

Design e comunicacao visual: contribuicao para uma metodologia didatica (Livro)MUNARI, Bruno. . Design e comunicacao visual: contribuicao para uma metodologia didatica. Sao Paulo: Martins Fontes, 2001. Nmero de Chamada: 745.4/M963 - MFN: 2724

Planejamento visual grafico (Livro)

RIBEIRO, Milton. . Planejamento visual grafico. 8.ed. Brasilia: LGE, 2003. Nmero de Chamada: 686/R484 - MFN: 3529

Gestalt do objeto: sistema de leitura visual da forma (Livro)

GOMES FILHO, Joao. . Gestalt do objeto: sistema de leitura visual da forma. 5.ed. Sao Paulo: Escrituras, 2003. Nmero de Chamada: 701.8/G633 - MFN: 3443

NBR 9050 Disponvel em www.mpdft.gov.br/sicorde/NBR9050-31052004.pdfBLOGS CHMKT - http://www.chmkt.com.br/ BECO DESIGN - http://www.beco.wordpress.com PODEVIDEO HTTP://www.podevideo.blogspot.com

31

apostila - comunicação visual

Documents