O documento discute princípios básicos de design gráfico, incluindo elementos visuais como ponto, linha, superfície e volume. Também aborda categorias de tipos, contraste, repetição, alinhamento e proximidade como princípios para criar peças gráficas equilibradas. Finalmente, fornece dicas e exemplos sobre a aplicação desses conceitos.
8. Os 6 elementos básicos do design
são objetos abstratos, formas
ideais, que tentamos reproduzir
fisicamente. São eles:
1.Ponto.
2.Linha
3.Superfície
4.Volume
5.Dimensões
6.Formato
18. Os objetos concretos são
definidos dentro de limites, linhas de
contorno, que definem seu formato.
Podemos pensar, ao menos, 4
características deles:
1.Forma
2.Tamanho
3.Cor
4.Textura
36. 4 princípios do Design Grágico
Vamos estudar os elementos de criação e desenho de uma peça gráfica?
37.
38. Apresentaremos quatro princípios
fundamentais para o Design de
elementos que compõe uma peça gráfica.
Eles servem para harmozinar
cartazes, banners, jornais, revistas, sites e
outros formatos que usem texto e
imagens, oferecendo conforto e
beleza para quem acessa o material.
39. 1. Contraste
Serve para evitar elementos muito similares em
um material gráfico. Se os elementos forem
distintos, diferencie-os completamente. O
contraste costuma ser a mais importante atração
visual de uma peça gráfica.
Você pode constrastar
Tipo de Fonte | Tamanho da fonte | Negrito e
Itálico |Espaço entre parágrafos | Espaço entre
linhas | Cores
40.
41. 2. Repetição
Repita os elementos visuais do design e espalhe-os
pelo material. Você pode repetir a cor, a forma, a
textura e as relações espaciais como a espessura, os
tamanhos etc. Isso ajuda a criar uma organização e
fortalece a unidade do material. Deve-se pensar aqui
o conjunto de todo material publicado.
Elementos visuais para repetição da
mesma formatação
Títulos | Subtítulos |Nome de autor | Botões
Corpo do texto |Citações | Numerações
Cores de fundo
42.
43. 3. Alinhamento
Nada deve ser colocado arbitrariamente em uma
página. Cada elemento deve ter uma ligação visual
com outro elemento da página. Isso cria uma
aparência limpa, sofisticada e suave. Em geral,
deve-se utilizar um tipo de alinhamento somente.
Existem quatro tipos de alinhamento
Esquerda | Direita | Centralizado | Justificado
44. Este é o alinhamento à
esquerda quando usamos
esse tipo de recurso.
Este é o alinhamento à direita
quando usamos esse tipo de
recurso.
Este é o alinhamento
centralizado quando usamos
esse tipo de recurso.
Este é o alinhamento justificado
quando usamos esse tipo de
recurso.
45.
46. 4. 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
individualizadas.
Isso ajuda a organizar as informações e reduz a
desordem.
Crie uma relação entre os elementos através da
proximidade.
Da mesma forma, separe os elementos não
relacionados.
47.
48. Exemplo de aplicação 1
Proximidade de elementos semelhantes,
alinhamento centralizado e contraste de
fontes e tamanho.
UnB
Encontro anual de
professores.
Av. Brasil, 456
Brasília - DF
Venha participar!
UnB
Venha participar do
Encontro
anual de
professores.
Av. Brasil, 456
Brasília - DF
49. Exemplo de aplicação 2
Proximidade de elementos, aplicação de
contraste (tamanho e fonte) e alinhamento à
esquerda.
Bolo de maisena
Receita enviada por Janaina Mazzoni
50 min | 14 porções
Ingredientes
6 gemas
1 xícara de chá de açúcar
250 g de margarina
4 xícaras de maizena
1 colher de sopa de fermento
6 claras em neve
Bolo de maisena
Receita enviada por Janaina
Mazzoni
50min
14 porções
Ingredientes
6 gemas
1 xícara de chá de açúcar
250 g de margarina
4 xícaras de maizena
1 colher de sopa de fermento
6 claras em neve
61. Algumas dicas
quantidade de elementos
Menos é mais. Evite excesso de elementos
para “chamar atenção” em sua peça gráfica. Coisas
pulando e piscando fazem o leitor se irritar e
abandonar o material com maior rapidez, mesmo que
não queira. Um simples contraste entre estilos de
fonte faz muita diferença.
Defina bem e agrupe os elementos do
seu material em categorias. Assim fica mais
fácil definir cores, fontes, tamanhos e contrastes entre
eles.
62. Algumas dicas
o espaço em Branco
O branco em uma peça gráfica são os espaços
vazios, que servem para que o leitor tenha como
respirar.
Os espaços em branco ajudam a identificar os
elementos e sua proximidade.
Aplique sempre margens em suas criações
gráficas.
63. Algumas dicas
EVITE USAR CAIXA ALTA.
ELAS ATRAPALHAM A LEITURA, POIS TEM POUCO
CONTRASTE ENTRE AS LETRAS.
CAIXA ALTA NÃO PRODUZ CONTRASTE EFICIENTE
COM OUTROS ELEMENTOS.
Melhor usar fonte maior e
negritada, por exemplo.
64. Alguns exemplos para análise
Vamos agora aplicar os 4 princípios na análise em alguns materiais gráficos?
65.
66.
67. Alguns maus exemplos para análise
Vamos agora aplicar os 4 princípios na análise em alguns materiais gráficos?
68.
69.
70.
71.
72. O processo de criação
1.Decida o que você quer que os leitores
visualizem primeiro.
2.Agrupe as informações em conjuntos
lógicos (proximidade)
3.Crie e mantenha alinhamentos fortes
(alinhamento)
4.Encontre os itens que possam ter uma
conexão repetitiva (repetição)
5.Crie contrastes marcantes que atrairão o
interesse do leitor (contraste)
73. É hora de criar suas próprias peças!
Alguns softwares (pagos e gratuitos) que podem ajudar.
82. O rascunho (rough) de
criação
como pensar antes de agir
Rough é um palavra inglesa que é pronunciada
como “raff” e significa rascunho.
É o primeiro ou primeiros rascunhos de um
anúncio ou qualquer outra peça publicitária.
Ele oferece uma ideia de como deve ficar a peça
no final do processo de criação e produção.
83. O rascunho (rough) de
criação
como pensar antes de agir
O rough é produzido usando papel de lápis.
1. Não é necessário ser desenhista, o rough é
simples.
2. Ele é para ser feito (e descartado) de forma
ágil, de acordo com as discussões da equipe.
84. O rascunho (rough) de
criação
que elementos pensar?
1.Tamanho, forma e local da ilustração ou
imagem
2.Tamanho e local do texto
3.Tamanho e local da logo
4.Alinhamento dos elementos
5.Indicação de cores
85.
86.
87.
88.
89. Criação de um anúncio
Passo a passo
1. Recebimento do tema/assunto e informações
básicas do público
2. Debate e escolha do enfoque para a mensagem
3. Discussão e elaboração de título, texto e ideia
para imagem(ns) ou ilustração (ões)
4. Rascunho do anúncio harmonizando os
elementos
5. Discussão e finalização do rascunho
6. Produção, se necessário, de imagem(ns) ou
ilustração(ões).
7. Construção do layout no computador