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.

1. Alexandre Rosado
Março de 2016 | Curso de extensão DESU-INES
Designgráfico
í

2. Com qual finalidade eu vou estudar isso?
Onde o design gráfico entra na Pedagogia e nas escolas?

3. O tempo todo estamos produzindo comunicação visual nas
escolas: cartazes, murais, materiais didáticos.

4. Conhecer alguns princípios do design pode ajudar
professores e alunos e comunicar melhor suas ideias.

5. Os computadores nos deram a possibilidade de criar jornais,
revistas, cartazes, vídeos e toda sorte de material didático.

6. Elementos abstratos básicos
Por esses elementos que o design começa...

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

9. Ponto
.

10. Ponto (a posição de um ponto se define em 3 coordenadas)

11. Linha (sequencia de pontos adjacentes)

12. Superfície
4 pontos Linhas paralelas

13. Volume (superfícies, linhas e pontos)

14. Dimensões (altura, largura, profundidade)
1 2 3

15. Alguns exemplos para análise
As formas geométricas no cubismo

16. Victory Boogie-Woogie
1944
Piet Mondrian

17. Broadway Boogie-Woogie
1943
Piet Mondrian

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

19. Forma
Geométricas Orgânicas Aleatórias

20. Tamanho (observador e perspectiva)

21. Cor (diferentes comprimentos de onda)

22. Paleta de Cores

23. Textura (estrutura vista ou sentida, formada por linhas,
formas ou objetos)

24. Alguns exemplos para análise
As formas geométricas no cubismo (continuação...)

25. A leitura
1932
Pablo Picasso

26. O escultor
1931
Pablo Picasso

27. A caipirinha
1923
Tarsila do Amaral

28. E.F.C.B
1924
Tarsila do Amaral

29. Elementos básicos de peças gráficas
Vamos aprender a ler os elementos que compõe matérias jornalísticas e anúncios?

30. seção da revista
título da matéria
resumo
teaser
fotografia
legenda
autor
página e data
créditos
texto da matéria

33. chamada
logomarca
assinatura
slogan
texto da mensagem
autoria
imagens

36. 4 princípios do Design Grágico
Vamos estudar os elementos de criação e desenho de uma peça gráfica?

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

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

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.

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.

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

50. A tipografia
vejamos algumas características das famílias de tipos

51. 6 categorias básicas
de TIPOS
Estilo Antigo
Moderno
Serifa Grossa
Sem Serifa
Decorativo

53. Baseia-se na escrita a mão dos escribas, usando uma pena
com tinteiro. Recomendado para textos longos.

55. Com a prensa,
os tipos passam
a ter uma
identidade
própria, mais
mecânicos e
diferentes da
escrita manual.
Estética fria e
elegante.

57. A serifa grossa se expande com o advento da propaganda
em massa e a necessidade de tipos mais “gordos”.

59. Contrastes possíveis
com TIPOS
Tamanho
Estrutura
Forma
Cor

60. fontes usadas
proximidade
de elementos
espaço em
branco
contraste
entre
categorias
de fontes
(tipos)
contraste
de pesos
entre as
fontes
(tipos)

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?

67. Alguns maus exemplos para análise
Vamos agora aplicar os 4 princípios na análise em alguns materiais gráficos?

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.

74. Photoshop

75. GIMP

76. CorelDRAW X7

77. Inkscape

78. Para continuar os estudos...

81. Exercício de produção de anúncio

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

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