1 of 28

Programação Visual no contexto

Educacional

2 of 28

Designer Gráfico

Designer Educacional

x

Projeta as experiências de aprendizagem que o aluno terá em determinado curso, disciplina, ambiente virtual ou material educacional

Projeta o visual desses materiais, ambientes, cursos e disciplinas

​

3 of 28

Análise/ Problema

  • Qual a necessidade desse material? (Introduzir um novo tema? Explicar um conceito complexo? Exemplificar uma situação prática?)
  • A quem se destina esse material? (estudantes em fase inicial do curso, estudantes em fase de conclusão, adolescentes, adultos, jovens adultos, idosos, crianças)

​

4 of 28

  • Como esse público adquire informação? (texto longo, texto curto, em material impresso, em vídeo, online)
  • Qual será o uso desse material? (Esclarecer uma dúvida de um aluno ou de uma turma específica? Será base de um curso ou disciplina específicos?)
  • Existe material de conteúdo semelhante? (É necessário criar o material do zero? Caso exista um material semelhante, o que eu gostaria de modificar/ melhorar nele?)

​

​

5 of 28

BRIEFING

6 of 28

Criação

  • Ocorre no mental;
  • Definição de material, prazo e custo de produção;
  • Identidade visual do material.

​

7 of 28

Elementos visuais

cor

​

​

tipografia

​

​

composição

​

​

AtKm

8 of 28

Cor

9 of 28

Cor

  • Monocromática;
  • Análoga;
  • Complementar;
  • Complementar dividida;
  • Tríade;
  • Outras combinações;

​

10 of 28

Tipografia

Tt

Tt

11 of 28

Tipografia

Tipografia

12 of 28

Tipografia

AAAAAA

AAA

13 of 28

Tipografia

À esquerda: Aqui as linhas ficam com diferentes tamanhos e irregulares à direita. Segue o fluxo de leitura oriental, tornando-o assim um dos mais utilizados.

​

​

14 of 28

Tipografia

À direita: Neste alinhamento as linhas também ficam diferentes tamanhos porém irregulares à esquerda. Seu fluxo de leitura dificulta a legibilidade para os orientais. Assim, recomenda-se seu uso para trechos do texto como citações, notas e etc.

​

​

​

15 of 28

Tipografia

Centralizado: O texto centralizado produz linhas irregulares em ambos os lados, por conta disso, textos longos não devem ser centralizados para não tornarem-se monótonos. Seu uso é mais indicado para títulos, convites e certificados pois confere formalidade ao texto.

​

​

​

16 of 28

Tipografia

Justificado: Uma ótima opção para textos longos. Suas linhas tem o mesmo comprimento em ambos os lados criando margens uniformes e assim aproveitando melhor o espaço.

​

​

​

17 of 28

Composição Visual

1

2

​

3

4

5

6

1

2

​

3

4

6

5

Retirado de: http://direcaodearteufc.blogspot.com/2011/09/tipos-e-mais-tipos.html

18 of 28

Composição Visual

1

4

2

3

1

4

2

3

19 of 28

Execução

  • Aplicável a qualquer software;
  • Utilizar aquele que tiver mais fluência e segurança;
  • Experimentar softwares específicos (Adobe, Inkscape, Gimp…)

​

​

20 of 28

Arquivo Fechado

Arquivo Aberto

x

Arquivo nativo do software onde o material foi criado, que permite alterações em seu conteúdo e sua formatação.

Não permitirá edições e, consequentemente, não sofrerá alterações no projeto visual garantindo que o aluno/leitor irá visualizar aquilo que foi idealizado

​

21 of 28

Material Institucional

  • Manual de marcas dos Institutos Federais (Portaria Setec/MEC nº 31, de 15 de setembro de 2015)

​

22 of 28

Manual de Identidade Visual

23 of 28

Manual de Identidade Visual

24 of 28

Manual de Identidade Visual

25 of 28

Manual de Identidade Visual

26 of 28

Manual de Identidade Visual

27 of 28

Manual de Identidade Visual

28 of 28

Alguns recursos