DESING GRÁFICO

Viviane Camelo Lopes

design  

Processo  de    

construção  de  um  produto  

 e  sua  divulgação  

design  

produto  gráfico  Design  

Design  produto  

gráfico  

gráfico  Design  

Arte ou capacidade de combinar

texto e imagens em diferentes áreas e suportes

gráfico  gráfico  Design  

gráfico  Design  

EDITORIAL  SINALÉTICA  

EMBALAGEM  

PUBLICIDADE  

gráfico  Design   Informação  visual  

>  Informação  ú,l    para  sa,sfazer  necessidades  reais  das  pessoas.    >  Comunicar  com  eficiência.  

gráfico  Design   Informação  visual  

>  Qual  é  a  nossa  necessidade?  

Vender  (apresentar)  a  nossa  IDEIA  

I  n  f  o  r  m  a  ç  ã  o  

PRINCÍPIOS DO DESING GRÁFICO

Viviane Camelo Lopes

vejam esses materiais:

dá pra melhorar? de que forma?

princípios básicos

PRAT2C

roximidade epetição linhamento ipologia ontraste ores

Aplicação  de  elementos  gráficos  e  para  melhor  

condução  do  fluxo  de  leitura  e  apresentação  visual  

PROXIMIDADE ORGANIZAR Propósito básico da proximidade

A forma como organizamos as ideias.

Como juntar elementos semelhantes de uma mensagem (texto ou imagem)

Informação organizada = LEITURA FÁCIL E MEMORIZAÇÃO

Proximidade

•  Itens relacionados entre si deveriam ser agrupados.

•  Quando vários itens estão próximos, tornam-se uma unidade visual, e não várias unidades individuais.

•  Isso ajuda a organizar as informações e reduz a desordem.

Proximidade

PROXIMIDADE

PROXIMIDADE

PROXIMIDADE

Nomes das Bandas estão

agrupadas

Informações do concerto

REPETIÇÃO Podemos usar repetição no estilo de letra, nos ! bullets, cores, alinhamento ou no estilo gráfico

Ao usar a repetição faz com todo o projeto tenha ligação

Repetição dos elementos visuais UNIFICA E FORTALECE o layout.

Se tudo for

diferente torna a sua leitura mais difícil porque andamos à

procura de referências.

Repetição

•  Algum aspecto do design deve repetir-se no material inteiro (cor, forma, tipo, tamanho, espessura, etc.).

•  Em documentos com muitas páginas, branding e campanhas ela pode ser essencial.

•  É a repetição que cria CONSISTÊNCIA nos materiais visuais.

REPETIÇÃO DA COR

REPETIÇÃO DA COR

REPETIÇÃO TIPO LETRA

DICAS: Repetição

•  O elemento repetitivo pode ser uma fonte, uma cor, algum sinal, um elemento gráfico ou qualquer outro item que se reconheça visualmente.

•  Adapte os elementos a serem repetidos para os diferentes formatos.

•  Cuidado para não tornar a repetição excessiva e cansativa.

Usa-se o alinhamento para:

•  Criar ordem •  Organizar os elementos na página •  Agrupar itens •  Criar ligação visuais entre elementos

UNIDADE: Nada deve ser colocado arbitrariamente em um layout. Cada elemento deve ter uma ligação visual com outro elemento do layout, criando AMARRAS VISUAIS.

É o espaço onde o texto ou gráficos se organizam de forma ordenada

facilitando a leitura do seu conteúdo.

Cria uma aparência

LIMPA, SOFISTICADA E

SUAVE

ALINHAMENTO

Alinhamento

Alinhamento

Criação de interesse visual: •  escolha adequada de fontes tipográficas •  composição de texto •  sensibilidade para o conteúdo e tom do texto •  relação entre texto e os elementos gráficos na página

O contraste permite que coisas mais importantes possam ser destacadas.

Podemos criar contraste com estilo de letra, o

TAMANHO ou cor

É criado quando se juntam dois

elementos diferentes ou opostos.

Quanto maior for a diferença melhor.

Cada família de fonte, cada tipo de letra transmite um

conceito.

CONTRASTE

Criação de interesse visual: •  escolha adequada de fontes tipográficas •  composição de texto •  sensibilidade para o conteúdo e tom do texto •  relação entre texto e os elementos gráficos na página

São a principal ferramenta de comunicação, que permitem dar expressão ao documento.

É a arte, o processo de criação e a classificação do desenho de letras do alfabeto e de caracteres usados para

formar as palavras;

A Tipografia transmite

personalidade a uma peça gráfica.

Cada família de fonte, cada tipo de letra transmite um

conceito.

TIPOGRAFIA

Estrutura do Caractere

A luz emitida de uma fonte luminosa por meio de ondas eletromagnéticas e parcialmente refletida por um objeto chega a nossos olhos na forma de uma Cor.

Cada cor comunica sensações já num primeiro instante. Em seguida, o conjunto de cores evoca seus

significados e provoca sentimentos.

A forma mais imediata de comunicação não verbal.

Alia-se à peça como um todo para comunicar uma mensagem, promover um raciocínio.

Cada família de fonte, cada tipo de letra transmite um

conceito.

COR

Classificação das Cores

Circulo cromático

Cores primárias são as três cores básicas das

quais se obtém todas as outras cores

presentes no círculo cromático. Existem dois tipos de cores primária

Classificação das Cores

Cores Primárias Aditivas Cores luz

Verde, Vermelho, Azul Somadas Resultam na cor

branca.

Cores Primárias Subtrativas Cores pigmento

Ciano, Magenta, Amarelo Somadas Resultam na cor

preta.

Classificação das Cores

Cores Primárias Aditivas Cores luz

Verde, Vermelho, Azul Somadas Resultam na cor

branca.

Cores Primárias Subtrativas Cores pigmento

Ciano, Magenta, Amarelo Somadas Resultam na cor

preta.

Classificação das Cores

Circulo cromático

As Cores Secundárias são formadas a partir da

soma de 100% de duas primárias.

As Cores Terciárias são formadas pela soma

de duas ou três primárias em diferentes

proporções.

Cor  Cores Complementares

Cores opostas no circulo cromático

Cor  Cores Complementares

Cores opostas no circulo cromático

Cor  Cores Complementares

Cores opostas no circulo cromático

Cor  Cores Complementares

O uso de cores complementares permite criar contraste entre o fundo e o elemento

Permite realçar tornado mais vibrante o elemento a destacar

Cor  Cores Análogas

Também conhecidas como cores harmoniosas

São aquelas que estão na proximidade no circulo cromático.