Design Gráfico Star

21
Valor Sugerido RJ / SP / MG / ES R$ 19,90 Linguagem Visual Aumente suas habilidades e inspire-se nesta edição repleta de dicas e informação Trabalhando com a Alfabetização Visual Elementos básicos da Linguagem Visual Aprendendo mais sobre Contraste e Técnicas Visuais Aprendendo a manipular o uso do GESTALT O uso do símbólico e a Representatividade UTILIZAÇÃO DA ABSTRAÇÃO A criança que se expressa melhor é a que usa a abstração Como nosso cérebro funciona com a LINGUAGUEM e Percepção Visual 01

description

 

Transcript of Design Gráfico Star

Page 1: Design Gráfico Star

CAPA

Valor SugeridoRJ / SP / MG / ES

R$19,90

LinguagemVisual

Aumente suas habilidades e inspire-se nestaedição repleta de dicas e informação

Trabalhando com aAlfabetização Visual

Elementos básicosda Linguagem Visual

Aprendendo maissobre Contraste eTécnicas Visuais

Aprendendo amanipular o usodo GESTALT

O uso do símbólico ea Representatividade

UTILIZAÇÃO DA ABSTRAÇÃOA criança que se expressamelhor é a que usa aabstração

Como nosso cérebro

funciona com a

LINGUAGUEMe Percepção Visual

01

Page 2: Design Gráfico Star

CONTRA CAPA

Page 3: Design Gráfico Star

A importância daAlfabetização VisualAtualmente, a linguagem visual é a mais utilizada

A importância do cidadão em melhorar a percepção de todos os tipos de informação por meio dos mais variados sistemas linguísticos e aparatos tecnológicos e conseguir interagir e se comunicar através de todos esses meios passou a ser imprescindível diante da complexa realidade social contemporânea. A linguagem mais utilizada nos dias de hoje é a visual. Dessa forma, é necessário auxi-

lio aos indivíduos na realização de uma leitura crítica das ideias e valores no mundo de hoje veiculadas através de imagens. O estudo da alfabetização visual amplia o olhar do individuo, o limite e abrangência de sua percepção, sendo, portanto, muito impor-tante para uma atuação consciente e critica na sociedade atual.

AREA PARA PUBLICIDADE

ALFABETIZAÇÃO VISUAL I M P O R TÂ N C I A

Page 4: Design Gráfico Star

Exemplo que mostra pontos sugerindoformas

Os diferentes tipos de linhas esuas expressões

ELEMENTOS BÁSICOS E L E M E N T O S V I S U A I S

• PONTOo Elemento mínimo da comunicação;o Grande poder de atração;o Quando agrupado cria linhas, forma, tom, cor, textura, dimensão, escala e movimento;o Sem redução;o Possui precisão de posicionamento;o É o início e o �m de uma linha;o Ao aumentar a proximidade dos pontos, aumenta a sensação de direção, transformando-se em outro elemento visual: LINHA;

• LINHAo Possui trajetórias e ritmos;o Serve para expressões diversas, associações, como: - Linhas retas – racionalidade, precisão;

- Linhas horizontais – estabilidade;

- Linhas diagonais – dinamismo, movimento ou instabilidade;

- Linhas onduladas e curvas – Leveza, suavidade e harmonia;

- Linhas angulosas – Choque e con�itos;

o Trajetória de um ponto;o Com comprimento e sem largura;o Posições e direções;o É limitada por pontos;o Forma a borda de um plano.

Page 5: Design Gráfico Star

Linhas que resultam em formas

Exemplos de tonalidades

ELEMENTOS BÁSICOS E L E M E N T O S V I S U A I S

• FORMAo A linha descreve uma forma;o Formas básicas: Quadrado, Círculo e o Triângulo equilátero;o Associações: - Quadrado: enfado, honestidade, precisão;

- Triângulo equilátero: ação, con�ito, tensão;

- Círculo: in�nitude, precisão, etc.

o As 3 formas básicas associadas formam muitas das formas da natureza e da imaginação humana.o É o crescimento in�nito de um ponto;o Não possui espessurao Forma aberta e fechada;

• TONALIDADEo Variação de claro e escuro em uma imagem;o Claridade e Obscuridade como elementos importantes para percepção do nosso ambiente.o Utilizada para criação convincente de realidade;o Um dos recursos mais e�cientes em comparado ao ponto de vista, ponto de fuga, a linha do horizonte ou qualquer outro artifício;o São formas de descrever a luz;o LUZ e SOMBRA são efeitos especiais da tonalidade;o Luz suave pode representar melancolia, serenidade;o Suavidade não agride. Já o Contraste evidência.o Tomar cuidado com os contrastes ao utilizar fontes para não afetar a legibilidade;o Dá noção de distância.o Percepção de mais agradável.

Page 6: Design Gráfico Star

ELEMENTOS BÁSICOS P S I C O L O G I A D A S C O R E S

Psicologia das cores: Por que estudarsobre as cores?A Psicologia das Cores é muito importante no Marketing e no dia-a-dia é fundamental para entendermos o significado das cores e como podemos usar uma determinada cor para nosso benefício.

Page 7: Design Gráfico Star

ELEMENTOS BÁSICOS P S I C O L O G I A D A S C O R E S

Page 8: Design Gráfico Star

ELEMENTOS BÁSICOS P S I C O L O G I A D A S C O R E S

Page 9: Design Gráfico Star

ELEMENTOS BÁSICOS P R O P R I E D A D E D A S C O R E S T E X T U R A E S C A L A D I M E N S Á O M O V I M E N T O

Propriedades da cor:

- O Sistema HSB (Hue/Matiz, Saturation/Saturação, Brightness/Brilho) •MATIZ – Podemos dizer que é o que chamamos de cor;

•SATURAÇÃO – Intensidade ou Pureza da cor;

•BRILHO – Quantidade de claro e escuro presente nas cores. São as variações de mais escuro e mais claro da cor.

- Cores Complementares – Cores opostas no círculo cromático.

- Tipo de Associações com cores: Material, Sensorial, Cultural ou Convencional. •Associações materiais – Relacionar a matiz com um material presente no meio onde vivemos;

•Associações sensoriais – Utilização dos sentidos. Ex: Cores frias, quentes, ácidas, etc.

•Associações convencionais ou culturais – São as características definidas por uma sociedade, setor de prestação

de serviço, tribo social, entre outros, de�nindo assim uma cor a ser utilizada.

Textura:

oTransmite informações através do tato oUma superfície mais rígida ou mais lisa transmite informações ao misturar demais elementos.

Dimensão:

oAo juntar volume e profundidade podemos perceber um efeito tridimensional na imagem; oA perspectiva reforça a ilusão do tridimensional e pode ser intensi�cada pela tonalidade;

Movimento:

oA imagem estática que dá ideia de ação/movimento

Page 10: Design Gráfico Star

Técnicas visuais: Organização dos elementos visuais básicos na composição da peça grá�caDentre todas as técnicas visuais, nenhuma é mais importante para o controle de uma mensagem visual do que o contraste

É na oposição que compreendemos melhor certas informações. O contraste é o aguçador de todo signi�cado. É o de�nidor básico das ideias. Além da importância da signi�cação, também tem a intenção e o efeito de trazer estímulo de atração visual e interesse para uma composição. Pode in�uenciar a opinião do leitor visual em relação a uma diferença contida na composição, que pode ser acidental (erro ou descontrole) ou proposital (intenção do projetista). Cabe ao projetista não deixar dúvidas em relação ao que é o principal dentro de muitas informações parecidas a serem transmitidas. Quando existe uma ambiguidade, um modo de dar ênfase ao que é principal é utilizando o uso do contraste.

• A valorização das sensações de horizontalidade, verticalidade e inclinação pelos contrastes de direção.• Dentro da horizontalidade, a atração trazida pelo contraste tonal.• O entendimento de qual pequeno ou frágil é algo ou alguém se dá de maneira mais contundente com o contraste de escala.• Com o contraste de cor conseguimos distinguir, por exemplo, a diferença de sabor. Os matizes se contrapõem na mesma associação sensorial QUENTE e FRIO.• Contrastes de linha são usados frequentemente nas escolhas das famílias e estilos em um arranjo tipográ�co.• O entendimento de leve ou pesado pode depender do contraste de dimensão.• A geometria e a organicidade no contraste de forma.

ELEMENTOS BÁSICOS T É C N I C A S V I S U A I S

Page 11: Design Gráfico Star

• Equilibrio X Instabilidade – Simétrico ou Assimétrico. Podemos veri�car ao dividirmos a imagem ao meio e constatar partes idênticas ou não idênticas.• Regularidade X Irregularidade – Quando existe um padrão nas imagens (repetição por exemplo), existe uma regularidade. Quando esse padrão é quebrado, temos uma Irregularidade.• Simplicidade X Complexidade – Simplicidade é a utilização de formas elementares, sem maior elaboração, enquanto a Complexidade é quando possui muitas informações em uma mesma mensagem, junção.• Unidade X Fragmentação – Ausência ou não de grupos de informação.• Economia X Profusão – Ao aproveitar o próprio vazio do espaço compositivo ou como suporte, escolhendo elementos mínimos necessários para a comunicação, então temos uma economia. Quando temo uma ornamentação exacerbada, exagerada, com muitos elementos, então temos uma profusão.• Exagero X Minimização – Ao utilizar elementos ampliados e supervalorizados, extravagantes, então temos um exagero. Quando utilizamos elementos equalizados ou que ocupam pouco espaço no contexto, temos a minimização.• Previsibilidade X Espontaneidade - Ao sugerir alguma ordem de visualização ou plano convencional na experiência ou na razão, temos a previsibilidade. Ao utilizar a Espontaneidade notamos a falta de planejamento, carregada de emoção, impulsiva e livre. • Atividade X Estase – A atividade sugere o movimento através da representação ou da sugestão. Como exemplo, temos objetos cilíndricos que sugerem movimento de rolagem. Enquanto Estase representa a força imóvel da representação estática.

ELEMENTOS BÁSICOS T É C N I C A S V I S U A I S I I

Existem outras técnicas, como o contraste, que permitem apresentar na composição aspectos do conteúdo trazido pela mensagem.Para compreendermos melhor as demais técnicas, trazemos em pares de polaridades. Dessa forma, equilíbrio se opõe em polaridade a instabilidade.

Page 12: Design Gráfico Star

• Transparência X Opacidade – Quando conseguimos visualizar outro objeto através do que se está na frente, então temos uma transparência, enquanto opacidade é a capacidade de bloqueio total do que está atrás pelo objeto da frente.• Exatidão X Distorção – Nossa experiência visual e natural das coisas. O modelo do realismo nas artes visuais se dá pela exatidão. O uso da perspectiva com reforço do claro e escuro. A Distorção é uma alteração na forma regular de um objeto.• Planura X Profundidade – Uso da ausência da perspectiva. Eliminação de aspectos tridimensionais. Só é possível através da Planura. Já a profundidade é a utilização dos efeitos de luz e sombra e também da perspectiva, que intensi�ca a representação de volume.• Singularidade X Justaposição – A singularidade se dá na técnica de usar a estratégia de apresentar um só tema independente. A Justaposição favorece a comparação, onde as informações a serem comparadas assumem características comuns para oposição ou a proximidade existente �carem mais claras.• Agudeza X Difusão – Agudeza é o uso de contornos bem delineados e visíveis, enquanto a difusão dispensa o uso do contorno, se preocupando com a atmosfera de difusão, suavidade, de calor.• Rotundidade X Angularidade – Rotundidade é o predomínio de linhas e formas curvas, enquanto na Angularidade predomina-se o uso de linhas e formas angulosas.• Intersecção X Paralelismo – Intersecção é o uso de formas próximas que compartilham suas áreas. Já o paralelismo são formas que estão afastadas, sem compartilhar áreas.

ELEMENTOS BÁSICOS T É C N I C A S V I S U A I S I I I

Page 13: Design Gráfico Star

Gestalt: fenômenos que ocorrem durante a percepçãoQuando o inteiro é maior do que a soma de suas partes individuais, se tornou possível o descobrimento de fenômenos de percepção das imagens.

Na ilusão de ótica, constatamos facilmente que o que se processa no cérebro é diferente do que se processa na retina. Esta “excitação cerebral” toma o todo com muito mais importância do que as partes isoladas. As forças externas seriam as que tem orígem na estimulação da retina através da luz vinda do objeto exterior, e por tanto das condições de luz em que se encontrar. As forças internas se constituem em um dinamismo cerebral vindo das estruturas do cérebro que tendem a organizar. Parecem se processar mediante a “leis gerais” que são respostas constantes observadas na maneira de estruturar ou, organizar, o que vemos.

Tendemos a perceber a informação visual através da identi�cação/organização por unidades. Devemos lembrar, que para percebermos unidades destacadas é necessário que haja contrastes (diferenças, descontinuidades). Numa situação de nenhum contraste, nenhuma forma será percebida.

Em síntese:

- Forças de segregação - Agem pelos estímulos de desigualdade de estimulação

- Forças de uni�cação - Agem com os estímulos de igualdade de estimulação.

ELEMENTOS BÁSICOS G E S TA LT

LEIS, OU FORÇAS, DA GESTALT:

Page 14: Design Gráfico Star

SEMELHANÇA:

A lei da semelhança defende que elementos que possuem algum tipo de semelhança parecem estar agrupados. O agrupamento pode ocorrer tanto nos estímulos visuais quanto nos auditivos.

PROXIMIDADE:

Os elementos são agrupados de acordo com a distância a que se encontram uns dos outros. O aspecto de semelhança é mais forte do que o da

proximidade

ELEMENTOS BÁSICOS G E S TA LT

Page 15: Design Gráfico Star

Plano básico? Mas o que é isso?Também conhecido como Espaço Compositivo.É muito importante conhecê-lo antes de iniciar qualquer composição.

Imagem explicativa mostrando o Centro Geométrico e o Centro Perceptível

O plano básico é o espaço que estabelecemos onde iremos desenvolver nossa composição. Ao escolher seu formato ou orientação já conseguimos transmitir sensações. Todo plano básico possui um centro geométrico e um centro perceptível, sendo o segundo importante para o posicionamento do objeto que será visualizado com maior ênfase.Os objetos quando posicionados no plano

ELEMENTOS BÁSICOS P L A N O B Á S I C O

básico possuem um peso. Na parte superior, mais leve. Na parte inferior, mais pesado. Ao observarmos um plano básico, o canto superior esquerdo se torna o local de entrada do nosso olhar, enquanto o canto inferior direito transmite a ideia de saída do olhar. O que percebemos é que fazemos mais esforço visual quando olhamos ao contrário do que foi dito anteriormente. Utilizado também para o direcionamento de leitura.

Page 16: Design Gráfico Star

ELEMENTOS BÁSICOS P S I C O L O G I A D A S C O R E S

Psicologia das cores: Por que estudarsobre as cores?A Psicologia das Cores é muito importante no Marketing e no dia-a-dia é fundamental para entendermos o significado das cores e como podemos usar uma determinada cor para nosso benefício.

Page 17: Design Gráfico Star

ELEMENTOS BÁSICOS P S I C O L O G I A D A S C O R E S

Psicologia das cores: Por que estudarsobre as cores?A Psicologia das Cores é muito importante no Marketing e no dia-a-dia é fundamental para entendermos o significado das cores e como podemos usar uma determinada cor para nosso benefício.

Page 18: Design Gráfico Star

ELEMENTOS BÁSICOS G E S TA LT

BOA CONTINUAÇÃO: Toda unidade linear tende a continuar conm a mesma direção e com o mesmo direcionamento.

CLAUSURA:

Ou “fechamento”, o princípio de que a boa forma se completa, se fecha sobre si mesma, formando uma �gura delimitada. O conceito de clausura relaciona-se ao fechamento visual, como se completássemos visualmente um objeto incompleto. Esta propriedade se intensi�ca quando a forma a ser completada já é conhecida pelo leitor visual anteriormente. (Lei da Experiência Passada)

Page 19: Design Gráfico Star

ELEMENTOS BÁSICOS G E S TA LT

EXPERIÊNCIA PASSADA:

A associação aqui, sim, é imprescindível, pois certas formas só podem ser compreendidas se já a conhecermos, ou se tivermos consciência prévia de sua existência. Da mesma forma, a experiência passada favorece a compreensão metonímica: se já tivermos visto a forma inteira de um elemento, ao visualizarmos somente uma parte dele reproduziremos esta forma inteira na memória.

PREGNÂNCIA:

Quanto mais facil for a identi�cação das unidades, mais harmoniosa, forte e veloz será a informação

visual.

Page 20: Design Gráfico Star

O sinal simbólico e o contexto da REPRESENTAÇÃO SIMPLIFICADA.

ELEMENTOS BÁSICOS O U S O D O S I M B Ó L I C O

A importância do símbolo para a representaçãoFaz parte da construção social do indivíduo. Funcionam como códigos de acesso a uma continuidade da representação que ultrapassa o visível.

O espectador “completa o que falta”. Como no uso da “regra do etc” fazemos intervir o saber prévio, o espectador supre o não-representado. EX: PIÃO, BOLA DE GUDE, AMARELINHA, ETC Um símbolo forte e que atinge a um grande número de pessoas, é comunitário e “ensinado sociamente”. É de fácil memorização e permanece através do tempo. Aspectos da SIMPLIFICAÇÃO DA FORMA associados ao símbolo.

DIAGRAMAS:

Tabelas, grá�cos e esboços demostrativos.

Page 21: Design Gráfico Star

ELEMENTOS BÁSICOS O U S O D O S I M B Ó L I C O

PLANTAS:Mapas, tabuleiros de jogos, mostrador analólico do relógio. É um plano orientador de espaço e

tempo.

SINAL SIMBÓLICO: Representa religiões, ideologias, conceitos. Sintetiza e dá concretude ao que não se pode ver na realidade. É a de�nição de SÍMBOLO associada

ao uso da convenção e da simpli�cação.