Curso de Web Design MÓDULO I. Programação Visual 13 ACTIVE BRASIL

Transcrição

1 MÓDULO I Programação Visual 13 ACTIVE BRASIL

2 AULA 1 INTRODUÇÃO A PROGRAMAÇÃO VISUAL Objetivos: Na primeira aula de nosso curso, você entrará em contato com um novo mundo de curiosidades e criatividade, o mundo visual. Aprenderá a interpretar as diversas formas de expressão visual através da arte, do desenho, das cores e das diagramações, e verá que existe um terceiro sentido que nos faz compreender este fascinante mundo. Contexto: No decorrer da história da humanidade, entre os mais distintos e diferentes povos do globo terrestre, a comunicação visual se fez presente, como diversas formas de manifestações artísticas, lingüísticas, políticas e religiosas. Com o aprimoramento destas fabulosas técnicas de comunicação, resultamos hoje no mundo moderno alimentado por imagens. É preciso antes de tudo analisar alguns pontos importantes neste processo de maturação da programação visual, e as diversas técnicas que ela adquiriu ao longo do tempo. Comunicação visual nada mais é do que uma forma de expressão do homem, com o intuito de interagir com seu semelhante, através de uma técnica percebida pela visão. Os antigos primatas já praticavam comunicação visual, a partir do momento que se comunicavam por gestos. Logo depois, através de sua criatividade e religiosidade, iniciaram um dos mais belos acervos artísticos do mundo: as pinturas nas cavernas, início do fenômeno visual e precursor da comunicação visual propriamente dita. 14 ACTIVE BRASIL

3 Outro destaque pode ser atribuído à linguagem escrita por desenhos, como os hieróglifos e diversas escritas cuneiformes. A partir daí já consideramos uma intenção de comunicação visual através da arquitetura da pintura e da escrita, que centenas de anos depois gerou movimentos como o Renascimento e o Modernismo. A comunicação visual está ligada principalmente aos movimentos religiosos (vide góticos, bizantinos e muçulmanos) e políticos. Mais recentemente, na década de 20, é que se realmente procurou estabelecer uma programação visual para determinado fim. Este processo foi mais intenso na série de movimentos modernistas que surgiram após esta data, tais como Cubismo, Romantismo, Dadaísmo dentre muitos outros que influenciaram o cinema, as artes plásticas e a política. A Programação Visual é o uso da comunicação visual objetivando um determinado fim. Difere da Comunicação Visual por ser mais detalhada e atingir muito mais de que uma mera interação de comunicação. Ela é ideológica a partir do momento que se utiliza para induzir sentimentos. Não é a toa que Hitler e a Alemanha utilizaram deste artifício para engrandecer o Terceiro Heitch e tornar a figura do Fuher algo grandioso. Os movimentos futuristas também utilizaram estes artifícios para promover o capitalismo industrial, dentre muitos outros movimentos. Hoje a programação visual se detém mais ao ramo do marketing. O mundo atual se atrela ao consumismo, a globalização. Para este fim, a programação visual entra como arma obrigatória para conscientizar, vender e convencer as massas de produtos, nomes e ideais. Não muda seu sistema ideológico, mas se torna a cada dia uma força na medida em que o mercado da imagem se torna mais forte. É neste ponto que a Internet se faz presente. Uma rede mundial interligada e compartilhando milhões de bytes de informações. Antigamente essas informações eram apenas textos, mas hoje um verdadeiro Tsunami de cores e sons trafega na rede. Neste caso deve-se atentar pelo fato que a acessibilidade a esta rede é muito grande nos dias de hoje, e acaba fazendo um mero internauta em um possível idealista. 15 ACTIVE BRASIL

4 E agora que chegamos até aqui, e pudemos interpretar um pouco da história dessa dimensão chamada comunicação visual, que partido tomaremos ao saber que antes de nós aconteceu toda uma revolução da imagem, todo um passado de tentativas frustradas e também de sucesso de nossos antepassados? O estudo da história da arte pode esclarecer algumas dúvidas, mas a conscientização da visão holística e interpretar mais o que há em nossa volta, do que está passando em nossas portas, do que entra em nossa televisão é necessária. Compreender a visão do mundo, com base teórica forte, irá resultar em trabalhos visuais de convencimento do povo, pois este não conhece o mundo visual a fundo, apenas o aceita e nós somos os agentes criadores, que, querendo ou não, temos que aceitar o desafio de com ética e responsabilidade mover ideologias, e produzir arte, sensações e lições para as gerações futuras. Exercícios: Olhe na cidade. Procure observar como se comportam os banners, letreiros e principalmente as logomarcas de lojas, empreendimentos e shoppings. Observe como eles reagem aos seus olhos e aos olhos dos usuários da cidade. Faça um diagnóstico. Veja se as marcas estão sendo bem aplicadas, se são apenas cópias de uma mesma logomarca do segmento. Veja se o segmento em questão obedece a um padrão de identidade visual. Questione. Veja se as diagramações e formatos de aplicação daquele segmento. Veja se a logomarca consegue se comunicar com você. 16 ACTIVE BRASIL

5 AULA 2 TIPOLOGIAS Objetivos: Nesta aula você se identificará com os diversos tipos de tipologias criadas pela humanidade, para apreciar os mecanismos de conscientização humana e formas de sociabilidade. Contexto: Tipologia é um conceito que representa uma determinada forma. Parece um tanto vago mas esta afirmação se torna verdadeira no momento que se analisa o comportamento humano. Veja por exemplo o modo de vestir das pessoas. Os punks, padres, japoneses tradicionais, indianos, árabes. Todos eles possuem tipologias. As tipologias são o resultado de várias influências. Das mais importantes, o meio natural onde o indivíduo vive é um condicionante de uma tipologia. Logo após citamos o meio social, que é hoje o principal norteador das tipologias humanas. No nosso ramo de comunicação visual. As tipologias vão além do plano material. Como vimos anteriormente, as definições e sensações que cores e desenhos influenciam nas pessoas podem mudar conceito e gerar ideologias. 17 ACTIVE BRASIL

6 Neste caso escolher os meios certos de tipologia podem facilitar na identificação de logomarcas e identidades visuais em um determinado grupo social. Isso ocorre freqüentemente quando se observa um determinado grupo de aplicação ou mercado. As propagandas por exemplo são constantes neste caso. Nota-se de longe e sem som as propagandas de bancos, cervejas, carros e cigarros. Com muita criatividade e análise de marcado algumas dessas propagandas se tornam deferentes. Mas assim como as tipologias podem ser iguais em determinados grupos sociais elas também podem personalizar o indivíduo. Assumindo características próprias, empresas e pessoas adotam certos padrões próprios para personalizar sua marca interior. É o caso da tipografia. Os filmes e bandas de rock usam muito esta técnica. Exercícios: Procure estabelecer a sua própria tipologia, escolhendo padrões de cores, tipográficas e formas que lhe interessam. Você pode pesquisar seus antecedentes, simbologia, signos e muitos outros embasamentos de forma a dar suporte a sua identidade própria. 18 ACTIVE BRASIL

7 AULA 3 A LINGUAGEM E O DESENHO Objetivos: Nesta aula você vai debater a respeito de como se deve interagir através do desenho como linguagem, através do foco da Internet. Contexto: A Internet se tornou hoje um veículo de comunicação extremamente rico. Por ser considerado como uma nova mídia, certamente é de se supor a criação de uma nova linguagem. Essa linguagem deve ter aplicação na escrita, no desenho e na forma que se aprecia essa realidade virtual acerca de coisas que são colocadas aos nossos olhos e acessamos por um teclado ou mouse. Essa comunicação tem origem ainda nos videogames e tem como premissa básica o controle de operações pelo usuário. Note que o controle das ações é que deve ser controlada pela máquina. Mas que armas podem ser utilizadas para se criar uma linguagem? A fala seria a principal, mas no nosso caso a comunicação visual toma partido do sentido da visão para isso. Como artifício para se criar uma linguagem visual usamos as cores e os espaços cheios e vazios. A propósito como se diferencia forma de formato? 19 ACTIVE BRASIL

8 Forma é o conceito visual de um determinado objeto, definido única e exclusivamente para determinar sua funcionalidade. O formato é um conceito mais detalhado da forma, que pode obedecer a desenhos diferenciados e adornos ou efeitos que o tornam personalizado. Um botão, por exemplo, deve possuir uma forma fechada, deve ter destaque e deve ter uma ação de aperto pelo usuário. Seu formato pode ser redondo, retangular, oval, pode acender ou apagar, pode ter nome ou não. Em termos de cores o botão, por exemplo, pode obter cores frias (que passam pelo espectro do azul) ou quentes (que passam pelo espectro do vermelho) E no caso de destaque este botão bem que poderia estar dissociado de outros elementos grandes, para ter uma melhor visibilidade pelo usuário. Está é a noção de cheios e vazios Rapidamente utilizamos um corriqueiro elemento visual de sites e estabelecemos teorias de apresentação e design para o mesmo, através dos vários artifícios que a comunicação visual oferece. Anotações 20 ACTIVE BRASIL

9 Exercícios: Você saberia listar quais os meios de linguagem criados pelo homem na Internet? Aproveite e explique como eles funcionam. Anotações 21 ACTIVE BRASIL

10 AULA 4 O FAZER Objetivos: Aprenda nesta aula os principais pontos a serem analisados em um projeto visual de website. Aprenda também técnicas de prática profissional para obter o maior sucesso em seus trabalhos. Contexto: No mercado de design estão cheios de profissionais de todos os tipos. Profissionais de marketing, arquitetura, comunicação dentre outros que exercem atividades da área de design, aplicando, mesmo que infelizmente, conhecimentos inerentes as suas atividades, mesmo porque o acesso às teorias de design não oferecidas por poucas instituições de ensino. Existem profissionais para realizarem todos os trabalhos de design. Na parte de webdesign podemos acrescentar os estudantes e outros que não possuem o menos conhecimento de design e muito menos de processos de prática profissional que tornam o cliente satisfeito e o projeto mais perfeito e apresentável. Estes métodos serão apresentados e aplicados nesta aula. O projeto de programação visual do site, para ser completo, deve passar por três fases: Estudo Preliminar, Projeto Visual (anteprojeto) e Projeto Executivo. 22 ACTIVE BRASIL

11 Estudo Preliminar O estudo preliminar deve conter desenhos, croquis, e estudos que possam dar total embasamento para o projeto visual. Deve ser produzido um material definitivo e aprovado e registrado pelo cliente em seu cronograma. O início do Estudo Preliminar deve conter entrevistas com o cliente e um diagnóstico de seu segmento e dos anseios objetivados no projeto. Logo após são apresentados estudos em papel do trabalho. Mas porque em papel? Algumas técnicas de marketing afirmam que a apresentação de algo palpável consegue ter melhor alcance que um simples disquete ou material virtual. Apresentar o trabalho em layout com fundo preto ajuda na força do trabalho. E outra. NENHUM trabalho se restringe à máquina. Soltar as linhas e a criatividade com papel e lápis são sempre a melhor solução. Projeto Visual Após esta fase se inicia o trabalho de produção digital. Se trabalhará encima do estudo preliminar os meios e formas de se chegar ao resultado final sem erros e mudanças. Um bom designer nunca mudará seu trabalho no meio de um processo, a menos que fatores de extrema ordem acorram. Projeto Executivo Por fim este trabalho deve ser aplicado à linguagem de programação e apresentado na WEB. 23 ACTIVE BRASIL

12 Outras Técnicas - Tenha sempre embasamento teórico suficiente para argumentar com diretores de marketing - Vista-se bem, de forma a não gerar críticas de sua aparência (apesar de sua tipologia) - Nunca tome partido de definições do cliente, mesmo sendo erradas, diálogo é sempre a melhor solução - Forneça sempre um material de backup para seu cliente, assim ele poderá utilizar sua arte onde quiser Exercícios: Execute o seu próprio Estudo Preliminar Anotações 24 ACTIVE BRASIL

13 AULA 5 APRESENTAÇÃO FINAL Objetivos: Agora que você produziu todo seu material inicial apresente-o da forma mais interessante e criativa, tendo sempre em mente que as críticas são a melhor forma de crescimento próprio. Anotações 25 ACTIVE BRASIL