O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
Próximos SlideShares
Estrutura do Desenho em perspectiva.
Avançar
Transfira para ler offline e ver em ecrã inteiro.

Compartilhar

Módulo 1 - Design gráfico

Baixar para ler offline

Slides do Módulo 1 sobre Design gráfico

Audiolivros relacionados

Gratuito durante 30 dias do Scribd

Ver tudo

Módulo 1 - Design gráfico

  1. 1. Alexandre Rosado Março de 2016 | Curso de extensão DESU-INES Designgráfico í
  2. 2. Com qual finalidade eu vou estudar isso? Onde o design gráfico entra na Pedagogia e nas escolas?
  3. 3. O tempo todo estamos produzindo comunicação visual nas escolas: cartazes, murais, materiais didáticos.
  4. 4. Conhecer alguns princípios do design pode ajudar professores e alunos e comunicar melhor suas ideias.
  5. 5. Os computadores nos deram a possibilidade de criar jornais, revistas, cartazes, vídeos e toda sorte de material didático.
  6. 6. Elementos abstratos básicos Por esses elementos que o design começa...
  7. 7. 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
  8. 8. Ponto .
  9. 9. Ponto (a posição de um ponto se define em 3 coordenadas)
  10. 10. Linha (sequencia de pontos adjacentes)
  11. 11. Superfície 4 pontos Linhas paralelas
  12. 12. Volume (superfícies, linhas e pontos)
  13. 13. Dimensões (altura, largura, profundidade) 1 2 3
  14. 14. Alguns exemplos para análise As formas geométricas no cubismo
  15. 15. Victory Boogie-Woogie 1944 Piet Mondrian
  16. 16. Broadway Boogie-Woogie 1943 Piet Mondrian
  17. 17. 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
  18. 18. Forma Geométricas Orgânicas Aleatórias
  19. 19. Tamanho (observador e perspectiva)
  20. 20. Cor (diferentes comprimentos de onda)
  21. 21. Paleta de Cores
  22. 22. Textura (estrutura vista ou sentida, formada por linhas, formas ou objetos)
  23. 23. Alguns exemplos para análise As formas geométricas no cubismo (continuação...)
  24. 24. A leitura 1932 Pablo Picasso
  25. 25. O escultor 1931 Pablo Picasso
  26. 26. A caipirinha 1923 Tarsila do Amaral
  27. 27. E.F.C.B 1924 Tarsila do Amaral
  28. 28. Elementos básicos de peças gráficas Vamos aprender a ler os elementos que compõe matérias jornalísticas e anúncios?
  29. 29. seção da revista título da matéria resumo teaser fotografia legenda autor página e data créditos texto da matéria
  30. 30. chamada logomarca assinatura slogan texto da mensagem autoria imagens
  31. 31. 4 princípios do Design Grágico Vamos estudar os elementos de criação e desenho de uma peça gráfica?
  32. 32. 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.
  33. 33. 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
  34. 34. 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
  35. 35. 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
  36. 36. 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.
  37. 37. 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.
  38. 38. 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
  39. 39. 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
  40. 40. A tipografia vejamos algumas características das famílias de tipos
  41. 41. 6 categorias básicas de TIPOS Estilo Antigo Moderno Serifa Grossa Sem Serifa Decorativo
  42. 42. Baseia-se na escrita a mão dos escribas, usando uma pena com tinteiro. Recomendado para textos longos.
  43. 43. 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.
  44. 44. A serifa grossa se expande com o advento da propaganda em massa e a necessidade de tipos mais “gordos”.
  45. 45. Contrastes possíveis com TIPOS Tamanho Estrutura Forma Cor
  46. 46. fontes usadas proximidade de elementos espaço em branco contraste entre categorias de fontes (tipos) contraste de pesos entre as fontes (tipos)
  47. 47. 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.
  48. 48. 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.
  49. 49. 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.
  50. 50. Alguns exemplos para análise Vamos agora aplicar os 4 princípios na análise em alguns materiais gráficos?
  51. 51. Alguns maus exemplos para análise Vamos agora aplicar os 4 princípios na análise em alguns materiais gráficos?
  52. 52. 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)
  53. 53. É hora de criar suas próprias peças! Alguns softwares (pagos e gratuitos) que podem ajudar.
  54. 54. Photoshop
  55. 55. GIMP
  56. 56. CorelDRAW X7
  57. 57. Inkscape
  58. 58. Para continuar os estudos...
  59. 59. Exercício de produção de anúncio
  60. 60. 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.
  61. 61. 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.
  62. 62. 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
  63. 63. 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
  • FernandoPessanha1

    Oct. 18, 2020
  • RenataVieiraCPessanh

    Oct. 18, 2020
  • AnaBeatrizSantos61

    Jul. 12, 2020
  • ns_rafael

    Jun. 9, 2020
  • AdrieleOliveira42

    Apr. 29, 2020
  • AndreasRoss1

    Mar. 7, 2017
  • ThatiellyHabach

    Sep. 1, 2016

Slides do Módulo 1 sobre Design gráfico

Vistos

Vistos totais

2.602

No Slideshare

0

De incorporações

0

Número de incorporações

314

Ações

Baixados

124

Compartilhados

0

Comentários

0

Curtir

7

×