Upload
iha-informa
View
155
Download
2
Embed Size (px)
Citation preview
Alexandre RosadoMarço de 2016 | Curso de extensão DESU-INES
Designgráfico
í
Com qual finalidade eu vou estudar isso?Onde o design gráfico entra na Pedagogia e nas escolas?
O tempo todo estamos produzindo comunicação visual nas escolas: cartazes, murais, materiais didáticos.
Conhecer alguns princípios do design pode ajudar professores e alunos e comunicar melhor suas ideias.
Os computadores nos deram a possibilidade de criar jornais, revistas, cartazes, vídeos e toda sorte de material didático.
Elementos abstratos básicosPor esses elementos que o design começa...
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
Ponto
.
Ponto (a posição de um ponto se define em 3 coordenadas)
Linha (sequencia de pontos adjacentes)
Superfície
4 pontos Linhas paralelas
Volume (superfícies, linhas e pontos)
Dimensões (altura, largura, profundidade)
1 2 3
Alguns exemplos para análiseAs formas geométricas no cubismo
Victory Boogie-Woogie1944Piet Mondrian
Broadway Boogie-Woogie1943Piet Mondrian
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
Forma
Geométricas Orgânicas Aleatórias
Tamanho (observador e perspectiva)
Cor (diferentes comprimentos de onda)
Paleta de Cores
Textura (estrutura vista ou sentida, formada por linhas, formas ou objetos)
Alguns exemplos para análiseAs formas geométricas no cubismo (continuação...)
A leitura1932Pablo Picasso
O escultor1931Pablo Picasso
A caipirinha1923Tarsila do Amaral
E.F.C.B1924Tarsila do Amaral
Elementos básicos de peças gráficasVamos aprender a ler os elementos que compõe matérias jornalísticas e anúncios?
seção da revista
título da matéria
resumoteaser
fotografia
legenda
autor
página e data
créditos
texto da matéria
chamada
logomarcaassinatura
slogan
texto da mensagem
autoria
imagens
4 princípios do Design GrágicoVamos estudar os elementos de criação e desenho de uma peça gráfica?
Apresentaremos quatro princípios fundamentais para o Design de elementos que compõe uma peça gráfica.
Eles servem para harmozinarcartazes, banners, jornais, revistas, sites e outros formatos que usem texto e imagens, oferecendo conforto ebeleza para quem acessa o material.
1. ContrasteServe 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 constrastarTipo de Fonte | Tamanho da fonte | Negrito e Itálico |Espaço entre parágrafos | Espaço entre linhas | Cores
2. RepetiçãoRepita 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çãoTítulos | Subtítulos |Nome de autor | BotõesCorpo do texto |Citações | Numerações Cores de fundo
3. AlinhamentoNada 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 alinhamentoEsquerda | Direita | Centralizado | Justificado
Este é o alinhamento à
esquerda quando usamos
esse tipo de recurso.
Este é o alinhamento à direitaquando usamos esse tipo de
recurso.
Este é o alinhamento
centralizado quando usamos
esse tipo de recurso.
Este é o alinhamento justificadoquando usamos esse tipo derecurso.
4. ProximidadeItens 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.
Exemplo de aplicação 1Proximidade de elementos semelhantes, alinhamento centralizado e contraste de
fontes e tamanho.
UnB
Encontro anual de professores.
Av. Brasil, 456Brasília - DF
Venha participar!
UnB
Venha participar do
Encontro
anual de
professores.
Av. Brasil, 456Brasília - DF
Exemplo de aplicação 2Proximidade de elementos, aplicação de
contraste (tamanho e fonte) e alinhamento à esquerda.
Bolo de maisenaReceita enviada por Janaina Mazzoni
50 min | 14 porções
Ingredientes6 gemas1 xícara de chá de açúcar250 g de margarina4 xícaras de maizena1 colher de sopa de fermento6 claras em neve
Bolo de maisena
Receita enviada por Janaina Mazzoni
50min
14 porções
Ingredientes6 gemas
1 xícara de chá de açúcar250 g de margarina
4 xícaras de maizena1 colher de sopa de fermento
6 claras em neve
A tipografiavejamos algumas características das famílias de tipos
6 categorias básicas de TIPOS
Estilo AntigoModernoSerifa GrossaSem Serifa
Decorativo
Baseia-se na escrita a mão dos escribas, usando uma pena com tinteiro. Recomendado para textos longos.
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.
A serifa grossa se expande com o advento da propaganda em massa e a necessidade de tipos mais “gordos”.
Contrastes possíveiscom TIPOS
Tamanho
Estrutura
Forma
Cor
fontes usadasproximidade de elementos
espaço embranco
contraste entre categorias de fontes (tipos)
contraste de pesos entre as fontes (tipos)
Algumas dicasquantidade 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.
Algumas dicaso 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.
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.
Alguns exemplos para análiseVamos agora aplicar os 4 princípios na análise em alguns materiais gráficos?
Alguns maus exemplos para análiseVamos agora aplicar os 4 princípios na análise em alguns materiais gráficos?
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)
É hora de criar suas próprias peças!Alguns softwares (pagos e gratuitos) que podem ajudar.
Photoshop
GIMP
CorelDRAW X7
Inkscape
Para continuar os estudos...
Exercício de produção de anúncio
O rascunho (rough) de criaçãocomo 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.
O rascunho (rough) de criaçãocomo 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.
O rascunho (rough) de criaçãoque 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
Criação de um anúncioPasso 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