Post on 05-Aug-2015
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.