Download - Princípios básicos

Transcript
Page 1: Princípios básicos

DESING GRÁFICO

Viviane Camelo Lopes

Page 2: Princípios básicos

design  

Processo  de    

construção  de  um  produto  

 e  sua  divulgação  

Page 3: Princípios básicos

design  

Page 4: Princípios básicos

produto  gráfico  Design  

Page 5: Princípios básicos

Design  produto  

gráfico  

Page 6: Princípios básicos

gráfico  Design  

Arte ou capacidade de combinar

texto e imagens em diferentes áreas e suportes

Page 7: Princípios básicos

gráfico  gráfico  Design  

Page 8: Princípios básicos

gráfico  Design  

EDITORIAL  SINALÉTICA  

EMBALAGEM  

PUBLICIDADE  

Page 9: Princípios básicos

gráfico  Design   Informação  visual  

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

Page 10: Princípios básicos

gráfico  Design   Informação  visual  

>  Qual  é  a  nossa  necessidade?  

Vender  (apresentar)  a  nossa  IDEIA  

Page 11: Princípios básicos

I  n  f  o  r  m  a  ç  ã  o  

Page 12: Princípios básicos

PRINCÍPIOS DO DESING GRÁFICO

Viviane Camelo Lopes

Page 13: Princípios básicos

vejam esses materiais:

Page 14: Princípios básicos

dá pra melhorar? de que forma?

Page 15: Princípios básicos

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  

Page 16: Princípios básicos
Page 17: Princípios básicos

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

Page 18: Princípios básicos

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.

Page 19: Princípios básicos

Proximidade

Page 20: Princípios básicos

PROXIMIDADE

Page 21: Princípios básicos

PROXIMIDADE

Page 22: Princípios básicos

PROXIMIDADE

Nomes das Bandas estão

agrupadas

Informações do concerto

Page 23: Princípios básicos

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.

Page 24: Princípios básicos

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.

Page 25: Princípios básicos

REPETIÇÃO DA COR

Page 26: Princípios básicos

REPETIÇÃO DA COR

Page 27: Princípios básicos

REPETIÇÃO TIPO LETRA

Page 28: Princípios básicos
Page 29: Princípios básicos
Page 30: Princípios básicos
Page 31: Princípios básicos
Page 32: Princípios básicos
Page 33: Princípios básicos
Page 34: Princípios básicos
Page 35: Princípios básicos
Page 36: Princípios básicos
Page 37: Princípios básicos

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.

Page 38: Princípios básicos
Page 39: Princípios básicos

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

Page 40: Princípios básicos

Alinhamento

Page 41: Princípios básicos
Page 42: Princípios básicos

Alinhamento

Page 43: Princípios básicos
Page 44: Princípios básicos
Page 45: Princípios básicos
Page 46: Princípios básicos

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

Page 47: Princípios básicos
Page 48: Princípios básicos
Page 49: Princípios básicos
Page 50: Princípios básicos

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

Page 51: Princípios básicos

Estrutura do Caractere

Page 52: Princípios básicos

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

Page 53: Princípios básicos

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

Page 54: Princípios básicos

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.

Page 55: Princípios básicos

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.

Page 56: Princípios básicos

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.

Page 57: Princípios básicos

Cor  Cores Complementares

Cores opostas no circulo cromático

Page 58: Princípios básicos

Cor  Cores Complementares

Cores opostas no circulo cromático

Page 59: Princípios básicos

Cor  Cores Complementares

Cores opostas no circulo cromático

Page 60: Princípios básicos

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

Page 61: Princípios básicos

Cor  Cores Análogas

Também conhecidas como cores harmoniosas

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