Direção de arte e Desing gráfico

Prévia do material em texto

<p>Direção de arte e Desing gráfico</p><p>Fotografia, ilustração, tipografia, design, animação, motion, vídeo.</p><p>•O que é design gráfico?</p><p>Área de atuação na qual se trabalha com a comunicação visual, buscando soluções</p><p>estéticas e funcionais, aplicadas em peças gráficas.</p><p>O principal papel do design é a identificação: dizer o que é alguma coisa, ou de onde</p><p>ela veio.</p><p>Sua segunda função é fornecer informações e instrução, indicando a relação de uma</p><p>coisa com outra quanto à direção, posição e escala.</p><p>O seu terceiro uso consiste em apresentação e promoção, o design busca chamar a</p><p>atenção e tornar sua mensagem fácil de lembrar.</p><p>•Publicidade X design</p><p>Pub: interação/mensagem, criatividade visual em geral, estratégia e comunicação.</p><p>Design: criatividade gráfica, visual e forma.</p><p>•Direção de arte X design</p><p>Seja qual for a intenção ou a mensagem, diretores de arte ou criativos não transmite</p><p>ideias sem uma boa organização da firma, em outras palavras, sem uma boa</p><p>comunicação visual, o que toca o design. É cada vez mais urgente a direção de arte</p><p>não restringir seu foco ao aspecto visual, contemplando a integridade e visão global</p><p>de um projeto criativo.</p><p>→A comunicação visual é uma das bases fundamentais do trabalho do diretor de arte</p><p>É questionável se, diante do cenário tão fluido do meio digital, essas distinções entre</p><p>áreas permanecerão relevantes. Cada vez mais o perfil do diretor de arte se aproxima</p><p>daquele do diretor criativo, pois ele precisa compreender os modos de exposição e</p><p>composição do espetáculo no ambiente digital.</p><p>►Fundamentos do design</p><p>1. Linha</p><p>As linhas guiam o olhar e ajudam a estruturar o design. Podem ser retas, curvas ou</p><p>diagonais e influenciam o dinamismo e o movimento visual de uma peça.</p><p>2. Forma</p><p>Formas geométricas ou orgânicas são usadas para criar figuras e áreas de interesse. Elas</p><p>definem o espaço e podem evocar diferentes emoções e percepções.</p><p>3. Cor</p><p>A cor afeta o humor e o tom da peça. O uso adequado da teoria das cores (combinação</p><p>de cores complementares, análogas, etc.) é crucial para a criação de harmonia e</p><p>contraste.</p><p>4. Espaço (Negativo e Positivo)</p><p>Refere-se ao espaço ocupado pelos elementos (positivo) e o espaço vazio ao redor</p><p>deles (negativo). O espaço negativo é fundamental para equilibrar a composição e</p><p>evitar sobrecarga visual.</p><p>5. Textura</p><p>Textura se refere à qualidade de superfície de um elemento, podendo ser física (tátil)</p><p>ou visual (ilusória). A textura pode adicionar profundidade, riqueza e interesse à</p><p>composição.</p><p>6. Tipografia</p><p>O design tipográfico envolve a escolha e o uso das fontes, tamanhos, espaçamentos e</p><p>alinhamentos. A tipografia deve ser legível e adequada ao contexto, transmitindo a</p><p>mensagem de forma eficaz.</p><p>►Princípios de design</p><p>1.Contraste</p><p>Praticamente nos obriga a prestar atenção. Para se fazer o contraste, os elementos</p><p>devem ser diferentes. O propósito básico do contraste é duplo: criar interesse sobre</p><p>uma página e organizar informações. Podemos criar contraste com: cores; espessura</p><p>de linha; forma e direção.</p><p>Difere um elemento do outro, muito utilizado para direcionar o olhar do usuário, tem</p><p>um grande efeito sobre a legibilidade.</p><p>2.Alinhamento</p><p>Organização de elementos similares, todo elemento deve se alinhar ou relacionar com</p><p>outro elemento. O alinhamento confere ordem e sentido ao trabalho.</p><p>As linhas imaginárias criam conexões visuais e geram equilíbrio.</p><p>3.Proximidade</p><p>Se os itens estiverem relacionados entre si, agrupe-os em proximidade. Separe-os, se</p><p>eles não tiverem diretamente ligados. Varie o espaço entre os itens para indicar</p><p>proximidade.</p><p>Trabalha em conjunto com o alinhamento, relação entre elementos próximos,</p><p>diferença quando estão afastados.</p><p>Aproximar elementos que não tem nenhum tipo de relação pode confundir o usuário.</p><p>4.Repetição</p><p>Cria consistência e reforça a identidade visual, enquanto padrões podem ser usados</p><p>para dar textura e interesse, reconhecimento e categorização.</p><p>Deve ser considerada tanto para elementos gráficos, como para tipografia, uso</p><p>repetitivo de fontes ou mesmo cores.</p><p>→Resumindo: para criar um layout adequado, devemos trabalhar os contastes,</p><p>aproximar e agrupar elementos, alinhar objetos e explorar as repetições para gerar</p><p>identidade</p><p>►Princípios de gestalt</p><p>→Semelhança:</p><p>São percebidos juntos elementos mais similares e separados os menos similares. Pode</p><p>ser alcançada de formas variadas: tamanho, cor, textura e forma.</p><p>Através da lei da semelhança, é possível obter o efeito da anomalia (ou segregação):</p><p>quando um elemento diferente é encontrado dentro de um grupo de elementos</p><p>semelhantes.</p><p>→Continuidade</p><p>Elementos podem guiar o olhar do espectador.</p><p>Linha de leitura de um texto. No brasil, lê-se da esquerda para direita, de cima para</p><p>baixo.</p><p>Elementos diferentes são usados para direcionar o olhar. Mais óbvios: setas e dedos</p><p>apontando. Mais sutis: direção do olhar, caminhos, linhas de perspectiva.</p><p>→Fechamento</p><p>A mente fecha, ou seja, completa as partes que faltam no objeto.</p><p>Tendência a ignorar buracos e completar as linhas</p><p>Imagina-se a continuidade da estrutura, seguindo uma ordem espacial lógica.</p><p>→Proximidade</p><p>São percebidos como grupo os elementos próximos entre si; quando separados, são</p><p>percebidos individualmente.</p><p>Relações de proximidade geralmente dominarão sobre relações de semelhança. Mas</p><p>relações ainda mais fortes são obtidas quando a semelhança e proximidade são</p><p>utilizadas em conjunto.</p><p>→Pregnância da forma</p><p>Qualquer padrão de estímulo que tende a ser visto como uma estrutura simples.</p><p>Considerada a principal lei do Gestalt, ela revela quanto mais fácil a compreensão e</p><p>leitura do objeto, maior é seu grau de pregnância.</p><p>Quanto maior a pregnância, maior será a rapidez da leitura da forma pelos nossos olhos</p><p>e, sendo assim, melhor será comunicação.</p><p>→Figura/fundo ou espaço negativo</p><p>Tendência do olho de ver e separar objetos do fundo circundante.</p><p>Identificação de formas ou elementos distintos que são percebidos alternadamente</p><p>pela sobreposição de ambos.</p><p>Escolha mental entre duas interpretações válidas. Provocam ilusões de óptica.</p><p>►Layout</p><p>Arranjo de elementos, gestão da forma e do espaço, objetivo como mínimo de esforço</p><p>na recepção, função de controlar ou ordenar a informação, efeito de reação emocional</p><p>ao design.</p><p>Formato (outdoor, página, post)→ hierarquia visual (ordem visual lógica para ajudar a</p><p>se comunicar efetivamente pode ser tipográfica)→ ordem de leitura</p><p>Para criar um layout funcional, harmônico e equilibrado, devemos:</p><p>Definir hierarquias e trabalhar os contrastes, agrupar elementos, alinhar objetos e ou</p><p>textos, estabelecer uma ordem de leitura e fluxo facilitado de navegação, explorar as</p><p>repetições para gerar identidade, experimentar as leis de gestalt.</p><p>►Cores e significados</p><p>Através das cores, é possível oferecer uma gama de significados (convencionados ou</p><p>associativos, importantes para a mensagem visual.</p><p>O gosto das pessoas sobre um determinado produto é afetado pelas cores, pois estas</p><p>evocam sentimentos, como excitação, energia ou calma.</p><p>Cores provocam respostas emocionais, mas também físicas.</p><p>Apesar de uma mesma cor poder significar algo diferente para cada pessoa, por</p><p>inúmeros motivos, existem sensações em comum que as cores proporcionam.</p><p>•Branca: associações simbólicas e afetivas: como simplicidade, pureza, honestidade,</p><p>pensamento, limpeza, inocência, paz.</p><p>Na web, é muito utilizada como fundo.</p><p>•Preto: associações simbólicas e afetivas: os jovens associam às roupas da moda ou</p><p>carros caros, os idosos à morte. Luto, magia, mistério, mal, azar, elegância,</p><p>objetividade, sofisticação, conservadorismo.</p><p>Usada como protagonista ou para valorizar outras cores e imagens.</p><p>•Cinza: neutralidade, pode representar a prata, o aço, tédio, decadência, desânimo,</p><p>sabedoria, seriedade, maturidade, insegurança, insensível.</p><p>•Vermelho: valores opostos do bem e do mal, amor</p><p>e guerra, proibição e transgressão.</p><p>Emoção, energia, vigor, calor, alegria, coragem, extroversão, excitação, intensidade,</p><p>paixão.</p><p>→Propriedades da cor:</p><p>Matiz, tom ou tonalidade é a cor propriamente dita, cor pura.</p><p>Há muitos vermelhos: mais luminosos ou mais escuros, desbotados ou intensos. Eles</p><p>podem diferir em luminosidade e em pureza, mas pertencem ao mesmo matiz:</p><p>vermelho</p><p>Valor (brilho), luminosidade está relacionada à mistura de branco ou preto na matiz. A</p><p>luminosidade ou brilho corresponde a um valor: um tom numa escala acromática entre</p><p>o branco (luminosidade máxima) e o preto (luminosidade mínima). É o tom que a cor</p><p>assumiria numa versão PB.</p><p>Intensidade (saturação), define a vivacidade ou esmaecimento da cor; o quanto a cor é</p><p>pura.</p><p>→Modos de cor</p><p>RGB, são cores primárias aditivas. Primárias, por que com elas, em misturas variadas</p><p>percentuais, são reproduzidas todas as sensações cromáticas naturais; aditivas por que</p><p>é da soma destes feixes monocromáticos que resulta a luz branca; fotografias e telas</p><p>de maneira geral.</p><p>G + B= Cyan</p><p>R+ B= Magenta</p><p>R=G= Yellow</p><p>CMY, cores primárias subtrativas,(cor pigmento transparente) são de maior utilidade</p><p>na impressão de tintas.</p><p>K (preto): mistura de todas as cores, Branco: ausência de pigmentos, subtrativo: por</p><p>que absorve a luz.</p><p>Quando o ciano, o magenta e o amarelo são combinados, o vermelho, o verde e o azul</p><p>são subtraídos e o resultado é o preto.</p><p>→Patone</p><p>Escala pantone, um sistema de identificação de cores através da numeração, que possui</p><p>alta precisão de padronização e regularidade. Pigmento único.</p><p>Quando usar:</p><p>1.impressão cores especiais que a escala CMYK não consegue reproduzir, como</p><p>fluorescentes, metalizadas ou outras.</p><p>2.é preciso manter obrigatoriamente o padrão de cores predeterminado em uma</p><p>marca ou produto.</p><p>→Combinação e efeitos</p><p>1.contrastes: é a diferença nas propriedades da cor que faz com que um determinado</p><p>elemento seja distinguido de outros ou do fundo.</p><p>Principal uso e função é dar destaque e até legibilidade, principalmente para o texto.</p><p>→Paleta de cores</p><p>Definir uma paleta de cores antes e iniciar um trabalho ajuda a definir previamente as</p><p>cores que estarão harmonizadas no projeto, estabelecendo também as cores que terão</p><p>mais destaque/predominância, responsável por transmitir a sensação desejada em</p><p>cada composição visual, de acordo com a expectativa dos efeitos psicológicos de cada</p><p>cor.</p><p>→Relações entre as cores</p><p>1.monocromáticas: matiz de cor variando em seu valor (brilho), ou intensidade</p><p>(vivacidade).</p><p>2.cores complementares: busca da adequada interação óptica, opostas no disco</p><p>3.cores análogas: cores claramente distintas, mas que compartilham alguma relação</p><p>óptica unificadora, vizinhas no disco</p><p>►Imagens e criação publicitária</p><p>•O processo criativo na prática</p><p>Métodos de criação</p><p>1. Inversão de ideias</p><p>Apresentar a mensagem a partir da inversão da ideia central ou esperada</p><p>Quebrar a expectativa, provocar impacto pelo estranhamento</p><p>2.Associações de ideias</p><p>“juntar duas coisas para formar uma terceira” - associação remota</p><p>Bricolagem- os profissionais vão jogando no papel todas as ideais que vão surgindo e</p><p>vão interligando outras ideias àquelas</p><p>Em essência, é a relação entre duas partes, a princípio diferentes, que são unidas.</p><p>Produtos alimentícios sadia> ideia de reunião, encontros, pessoas juntas...</p><p>Universo concreto > universo semântico/ideias</p><p>A associação de ideias é a conexão de informações retiradas a partir da análise</p><p>minuciosa do problema, presente no briefing, com aquilo que chamamos de “bagagem</p><p>da vida” ou “repertório” = surge um terceiro elemento que é o resultado ou a solução</p><p>para a comunicação.</p><p>Informações racionais > ideia central/ associação criativa</p><p>uma camada separada:</p><p>As ferramentas carimbo, pincel de recuperação e pincel de recuperação para Manchas</p><p>permitem retocar não destrutivamente em uma camada separada. Você pode</p><p>descartar o retoque não satisfatório a qualquer momento, se necessário.</p><p>►Key visual</p><p>Síntese criativa e visual para uma ideia, insight ou posicionamento de marca,</p><p>representada por uma imagem e copy, que pode ser utilizada como ponto de partida</p><p>para todos os materiais de comunicação 360, desde broadside PDV até TVC 30’.</p><p>Peça única, é um guia visual para uma campanha publicitária.</p><p>Identifica os elementos que devem estar presentes, comum em campanhas grandes</p><p>que demandam muitas peças, garante coesão estética, facilita na criação das diferentes</p><p>peças.</p><p>•Alguns elementos chave do KV</p><p>Cores, imagens, elementos gráficos (ilustrações, formas gráficas, backgrounds,</p><p>grafismos..) , ícones, textos (tom de voz da campanha), tipografias, apelo estético (tom</p><p>visual da campanha), aplicação da marca.</p>