O documento discute princípios básicos de design gráfico como proximidade, repetição, alinhamento, contraste e tipografia. Explica como esses elementos podem ser usados para melhor organizar informações visuais e facilitar a leitura e compreensão do conteúdo. Também apresenta conceitos sobre cores e classificação do sistema cromático.
15. 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
16.
17. Como juntar elementos semelhantes
de uma mensagem (texto ou imagem)
PROXIMIDADE
ORGANIZAR
Propósito básico
da proximidade
Informação
organizada =
LEITURA FÁCIL E
MEMORIZAÇÃO
A forma como organizamos as ideias.
18. 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.
23. Repetição dos elementos visuais
UNIFICA E FORTALECE o layout.
REPETIÇÃO
Podemos usar repetição no
estilo de letra, nos !
bullets, cores, alinhamento
ou no estilo gráfico
Se tudo for
diferente torna a
sua leitura mais difícil
porque andamos à
procura de referências.
Ao usar a repetição faz com todo o projeto
tenha ligação
24. 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.
37. 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.
38.
39. É o espaço onde o texto ou gráficos
se organizam de forma ordenada
facilitando a leitura do seu conteúdo.
ALINHAMENTO
Usa-se o alinhamento para:
• Criar ordem
• Organizar os elementos na página
• Agrupar itens
• Criar ligação visuais entre elementos
Cria uma
aparência
LIMPA,
SOFISTICADA E
SUAVE
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.
46. Podemos criar contraste com estilo de letra, o
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
TAMANHO ou cor
É criado quando se
juntam dois
elementos diferentes
ou opostos.
Quanto maior for a
diferença melhor.
O contraste permite que coisas mais importantes
possam ser destacadas.
Cada família de
fonte, cada tipo de
letra transmite um
conceito.
CONTRASTE
47.
48.
49.
50. É a arte, o processo de criação e a
classificação do desenho de letras do
alfabeto e de caracteres usados para
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
formar as palavras;
A Tipografia
transmite
personalidade a
uma peça gráfica.
São a principal ferramenta de comunicação, que
permitem dar expressão ao documento.
Cada família de
fonte, cada tipo de
letra transmite um
conceito.
TIPOGRAFIA
52. 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.
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 cor comunica sensações já num primeiro
instante. Em seguida, o conjunto de cores evoca seus
significados e provoca sentimentos.
Cada família de
fonte, cada tipo de
letra transmite um
conceito.
COR
53. 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
54. 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.
55. 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.
56. 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.
60. 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
61. Cor
Cores Análogas
Também conhecidas como cores
harmoniosas
São aquelas que estão na
proximidade no circulo
cromático.