Como desenvolver

artes gráficas com o

Illustrator

Hello!Quem Somos?Renan TeixeiraThiago Marques

Irá funcionar assim:

▧Take 1: Teoria

▧Take 2: Prática

▧Take 3: Prática 2

Vamos pensar em Design?

Modelos Mentais

Seres humanos são bons em desenvolver representações mentais sobre como as coisas funcionam;

Ex.: O que acontece com certos elementos quando interagimos com eles;

Modelos mentais podem ser uma boa fonte de organização de informações;

Ex.: Estrutura de menu de um site.

Modelos Mentais▧ O designer deve evitar “quebrar” o modelo mental do

usuário;

▧ Evitar erros;

▧ Tentar minimizar os danos causados pelos erros.

CMYKTintas-pigmentos: Ciano(C) , Magenta(M), Amarelo (Y) e Preto(K).

Utilizado pela indústria gráfica como base para a produção das demais cores através da combinação de pontos de impressão (Retícula)

Esquema de Cores

RGBSistema de cores de luz presente em televisores e monitores.

Formado pelas cores primárias Vermelho, Verde, Azul que decompostas de modo espectral e combinadas entre si, geram as demais cores.

Cores - Recomendações

Evitar cores saturadas (cores muito vivas);Uso de cores para direcionar atenção;Enfatizar aspectos da arte;Atentar-se ao público na escolha das cores.

Sistema Perceptual - VisãoO olho humano é a principal fonte de transmissão de informações;

Percepção visual:Reconhecer cenas coerentes, resolver ambiguidades, distâncias relativas, diferenciar cores;

Etapas da percepção visual:Receber o estímulo;Processar e interpretar.

Sistema Perceptual - Visão

Luminância: quantidade de luz emitida por um objeto;

Brilho: reação varia de acordo com o nível de iluminação;

Contraste: luminância de um objeto em relação à luminância do fundo.

Identidade Visual

Elementos

TipografiaCursiva, com ou sem serifa, dingbats

LogotipoE não logomarca˜

Elementos VisuaisFormas, figuras, ícones

Conteúdotextos

T

Tipografia

Logotipo e nao Logomarca!

Logotipo

Logo LogomarcaLogo: significado Logo:

significadoTyoo: Figura

Logo: (grego): significado

marca (germânico): significado

Tudo é forma!

Heurísticas▧ Forneça conteúdo relevante e em quantidade suficiente, mas

não excessiva;

▧ Torne o layout claro e fácil de ler;

▧ Utilize cores que não cansem o usuário;

▧ Não misturar design flat com gradiente.

É hora de praticar!

Vector x Bitmap

Workspace

Adobe Illustrator

Atalhos Básicos

TAB: esconde as ferramentas e aumenta o tamanho do documento;CRTL + Mais zoom;CRTL - Menos zoom;Segurar ESPACE: ferramenta mão;

Agora é com vocês!!!

Alguma dúvida?

Linksfreepik.comcoolors.cogoogle.com/fonts

Tamanhos: Banner: A3, Cartão de visita: 9cm x 5cmLogotipo: livre