SlideShare una empresa de Scribd logo
1 de 69
Descargar para leer sin conexión
PROGRAMAÇÃO
VISUAL UNIFICADA DE
MATERIAL DIDÁTICO
guia virtual de
A transformação tornou-se uma constante no cenário atual.
A Era da Informação tem proporcionado experiências novas
diariamente, ampliando as possibilidades de interação, controle
e atualização de conteúdos.
Esse cenário demanda das organizações, que querem se manter
à frente no cenário competitivo, a contínua oferta de caminhos
nunca antes explorados.
Cientedessecontexto,aKrotonidealizouedesenvolveuummodelo
dewebaulaedelivrodidáticodigitalinterativo,comfortelinguagem
visualeintuitivo.
Esses materiais aliam um conteúdo qualificado a tecnologias
disponíveis no ambiente digital, elevando o grau da percepção e
interação do usuário.
No projeto de design, as diversas possibilidades de interação
dos dispositivos de leitura, especialmente tablets, foram
contempladas. Para isso foi necessário analisar cada interface
desenvolvida para que as interações, vitais no desenvolvimento
da webaula e do livro didático digital, permitissem que as ações
sugeridas ampliassem o interesse do leitor e auxiliassem no
processo de construção do conhecimento.
Outro ponto crucial para o projeto foi o desenvolvimento de uma
estrutura de navegação e organização que orienta a localização
do leitor no material didático.
Este manual de programação visual unificada para o material
didático contém orientações para uso e seleção da linguagem
visual, normas e orientações para tratamento dos textos, uso
correto da tipografia para aplicação na diagramação, padrões
visuais, orientações e padrões para uso dos elementos gráficos.
Transformação
DESIGN
DESIGN LIVRO DIGITAL
Engenharias, Ciências Exatas e da Terra
Cores
Degradê linear
R: 12 G: 77 B: 162 C: 99 M:79 Y: 2 K: 0 #0c4da2
R: 0 G: 125 B: 198 C: 84 M:44 Y: 0 K: 0 #007dc6
R: 42 G: 196 B: 224 C: 64 M:1 Y: 0 K: 0 #2ac4f4
4
DESIGN WEBAULA / CADERNO DE ATIVIDADES 5
Ciências da Saúde, Ciências Biológicas e Outros
Cores
R: 70 G: 190 B: 175 C: 66 M: 0 Y: 39 K: 0 #46beaf
R: 216 G: 226 B: 84 C: 19 M: 0 Y: 82 K: 0 #d8e254
R: 255 G: 250 B: 194 C: 1 M: 0 Y: 29 K: 0 #d8e254
R: 216 G: 208 B: 159 C: 19 M: 14 Y: 44 K: 1 #d8d09f
DESIGN LIVRO DIGITAL
Degradê linear
6
DESIGN WEBAULA / CADERNO DE ATIVIDADES 7
Ciências Sociais Aplicadas
Cores
Degradê linear
R: 94 G: 80 B: 128 C: 75 M: 80 Y: 19 K: 4 #5e4480
R: 105 G: 67 B: 154 C: 71 M: 87 Y: 7 K: 1 #694391
R: 255 G: 203 B: 8 C: 1 M:19 Y: 99 K: 0 #ffcb08
R: 38 G: 53 B: 84 C: 93 M: 78 Y: 39 K: 36 #263554
DESIGN LIVRO DIGITAL 8
DESIGN WEBAULA / CADERNO DE ATIVIDADES 9
Linguística, Letras e Artes
Cores
Degradê linear
R: 216 G: 226 B: 84 C: 19 M: 0 Y: 82 K: 0 #d8e254
R: 216 G: 63 B: 142 C: 11 M:89 Y: 6 K: 0 #d83f8e
R: 167 G: 69 B: 151 C: 37 M: 87 Y: 1 K: 0 #a74597
DESIGN LIVRO DIGITAL 10
DESIGN WEBAULA / CADERNO DE ATIVIDADES 11
Ciências Humanas
Cores
DESIGN LIVRO DIGITAL
Degradê linear
R: 239 G: 23 B: 35
R: 166 G: 206 B: 57
R: 80 G: 90 B: 120
C: 0 M: 99 Y: 98 K: 0
C: 40 M: 0 Y: 99 K: 0
C: 74 M: 60 Y: 33 K: 18
#ef1723
#a6ce39
#505a78
12
DESIGN WEBAULA / CADERNO DE ATIVIDADES 13
Ciências Agrárias
Cores
Degradê linear
R: 166 G: 206 B: 57 C: 40 M: 0 Y: 99 K: 0 #a6ce39
R: 113 G: 191 B: 68 C: 60 M: 0 Y: 99 K: 0 #71bf44
R: 6 G: 166 B: 142 C: 80 M: 10 Y: 55 K: 1 #06a68e
DESIGN LIVRO DIGITAL 14
DESIGN WEBAULA / CADERNO DE ATIVIDADES 15
ELEMENTOS GRÁFICOS
DOS LIVROS IMPRESSOS
Contracapa CapaDorso
ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS - CAPA
Espaço para inserção
do código de barras
Título
Deve ter até 3 linhas.
Fonte: DIN Medium
Tamanho: 48pt (Pode variar de
acordo com o tamanho do título)
Entrelinhas: 57,6pt
Alinhamento: Centralizado
Caracteres: Iniciais maiúsculas
Dorso
Deve ter somente 1 linha.
Fonte: Foco bold
Tamanho: 14pt (Pode variar de
acordo com o tamanho do título)
Entrelinhas: 16,8pt
Alinhamento: Centralizado
Caracteres: Caixa alta
Imagem
Cada área de conhecimento
possui imagem de fundo definida.
Contracapa
A cor de fundo, em azul no
exemplo modifica-se de acordo
com a marca.
17
ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS - CAPA 18
ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS - CAPA 19
ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS
Acontece sempre na página direita.
Borda superior: 2cm de altura
Borda lateral: 0,5cm de largura
Abertura de
Unidade
20
ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS
Nas bordas laterais, acima
localiza-se a informação da
unidade e abaixo, a página.
Páginas do
conteúdo
21
ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS
A borda lateral
deve ter 21,3cm
de altura,
deixando recuo
para a marcação
de página.
Fim da
unidade
Início de outra
unidade.
22
ELEMENTOS GRÁFICOS
DOS LIVROS DIGITAIS
ELEMENTOS GRÁFICOS DOS LIVROS DIGITAIS
Navegação
Páginas
Cada assunto é
organizado em páginas,
que podem ser lidas
nas posições vertical e
horizontal. A numeração
da página tem como
padrão indicar em qual o
usuário está e o número
total.
O usuário poderá ver a
Unidade e a Seção que
estão sendo estudadas
no momento. Ao tocar
no ícone "Menu",
aparecerá a lista de
conteúdos.
Setas
Indicam a direção
da próxima página.
O usuário deverá
deslizar conforme
a indicação para
continuar a leitura do
livro.
24
ELEMENTOS GRÁFICOS DOS LIVROS DIGITAIS
Espaço reservado
para conteúdos
complementares além
do texto regular.
O usuário poderá usar as abas com o
ícone “mais” para ter acesso a mais
informações sobre o assunto abordado.
Essas sempre estarão acompanhadas do
ícone indicativo .
25
ELEMENTOS GRÁFICOS E
APLICAÇÃO TIPOGRÁFICA DA
WEBAULA / CADERNO DE
ATIVIDADES
Alinhamento: À esquerda
Fonte: Museo 700
Tamanho: 20pt
Cor: Muda de acordo com a
área de conhecimento
Títulos e
Subtítulos
Pode ser trabalhado em 1
ou 2 colunas.
Alinhamento: À esquerda
Fonte: Foco
Tamanho: 17pt
Cor: #3a3a3a
Conteúdo
Citação
Sempre acompanhada
do ícone "aspas" na cor
prevista em sua área de
conhecimento.
Alinhamento: À esquerda
Fonte: Museo 500
Tamanho: 15pt
Cor: #3a3a3a
DESIGN WEBAULA / CADERNO DE ATIVIDADES 27
Para saber
mais
O texto deve ser apresentado no
box com a cor prevista em sua
área de conhecimento.
Alinhamento: Alinhado à
esquerda quando estiver na
coluna da esquerda. Alinhado à
direta quando estiver na coluna
da direita.
Fonte: Museo 500
Tamanho: 15pt
Cor do texto: #ffffff
DESIGN WEBAULA / CADERNO DE ATIVIDADES 28
Questão para
reflexão
O texto deve estar centralizado
conforme a altura do "ponto de
interrogação".
Alinhamento: Centralizado
Fonte: Museo 700
Tamanho: 28pt
Cor: #ffffff
DESIGN WEBAULA / CADERNO DE ATIVIDADES 29
Vídeos
Os vídeos devem ficar
centralizados na página
DESIGN WEBAULA / CADERNO DE ATIVIDADES 30
ELEMENTOS GRÁFICOS DE VÍDEOS
ELEMENTOS GRÁFICOS DE VÍDEOS
Os elementos gráficos que compõem os temas das áreas de conhecimento
também podem ser usados na produção de animações gráficas e
audiovisuais.
32
ELEMENTOS GRÁFICOS DE VÍDEOS
Engenharias, Ciências
Exatas e da Terra
Ciências da Saúde,
Ciências Biológicas
e Outros
33
ELEMENTOS GRÁFICOS DE VÍDEOS
Ciências Sociais Aplicadas
Linguística, Letras e Artes
34
ELEMENTOS GRÁFICOS DE VÍDEOS
Ciências Humanas
Ciências Agrárias
35
ÍCONES
Os ícones devem ser inseridos
respeitando a posição da página:
esquerda ou direita.
ÍCONES - LDD 1.0
Esquerda Direita
37
Em fundo escuro
Clique
(toque)
Gire o
dispositivo
para a posição
horizontal
Gire o
dispositivo
para a posição
vertical
Interação com
câmera
Vídeo
Áudio
Deslize para
direita ou para
esquerda
Deslize para
cima ou para
baixo
Toque e
arraste
Deslize o dedo
na tela em
várias direções
ÍCONES - LDD 2.0, 3.0 E 4.0 38
Objetos que serão tocados terão
sempre o fio de destaque.
Seção 1
Atividades da Unidade
ÍCONES - LDD 2.0, 3.0 E 4.0 39
TIPOGRAFIA
TIPOGRAFIA
Para textos em destaque, a variação
Rounded, da família Museo Sans,
foi escolhida.
Preferencialmente, deve ser
utilizada em caixa alta e somente
sobre fundos que possibilitem
a legibilidade do texto.
Além das variantes apresentadas,
podem ser utilizadas
outras da mesma família.
DISPLAY
DISPLAY
DISPLAY
DISPLAY
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : .
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : .
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : .
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : .
Museo Sans Rounded
41
Para textos corridos, a família
tipográfica Foco foi escolhida.
Além das variantes apresentadas,
podem ser utilizadas
outras da mesma família.
Caso não seja possível empregar
a tipografia institucional, como, por
exemplo, em peças para web
ou apresentações em PowerPoint,
recomenda-se
o uso da família Open Sans.
Textos
Textos
Textos
Textos
Família Foco
A B C D E FG H I J K L M N O P Q R S T U VWXY Z
a b c d e f g h i j k l m n o p q r s t u vwx y z
0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : .
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : .
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : .
A B C D E FG H I J K L M N O P Q R S T U VWXY Z
a b c d e f g h i j k l m n o p q r s t u vwx y z
0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : .
TIPOGRAFIA 42
APLICAÇÃO TIPOGRÁFICA
DOS LIVROS IMPRESSOS
43
APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS
Deve ter entre 3 e 5 linhas. Caso exceda
esse espaço, o box poderá aumentar
para baixo e o nome do autor deverá
acompanhar o espaçamento estipulado
no layout.
Fonte: Museo 700
Tamanho: 30pt
Entrelinhas: 32pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Fonte: Museo 700
Tamanho: 18pt
Entrelinhas: 14pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Título da
contracapa
Autores
44
APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS
Pode ter até 2 linhas.
Fonte: Museo 700
Tamanho: 9pt
Entrelinhas: 10,8pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Unidade
Pode ter até 2 linhas.
Fonte: Museo 500
Tamanho: 9pt
Entrelinhas: 10,8pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Seção
Pode ter até 2 linhas
Fonte: Museo 100
Tamanho: 9pt
Entrelinhas: 10,8pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Subtítulo
45
APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS
Deve ter entre 1 e 3 linhas.
Fonte: Museo 500
Tamanho: 16pt
Entrelinhas: 29pt
Alinhamento: À esquerda
Caracteres: Caixa alta
Fonte: Museo 700
Tamanho: 10pt
Entrelinhas: 13pt
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Fonte: Museo 100
Tamanho: 10pt
Entrelinhas: 13pt
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Título da unidade
Objetivos de
aprendizagem
Objetivos
Deve ter uma linha para cada nome
de autor.
Fonte: Museo 300 italic
Tamanho: 10pt
Entrelinhas: 12pt
Alinhamento: À direita
Caracteres: Inicial maiúscula
Deve ter até 2 linhas.
Fonte: Museo 700
Tamanho: 12pt
Entrelinhas: 14pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Autor da unidade
Seção
Fonte: Museo 100
Tamanho: 10pt
Entrelinhas: 13pt
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Descrição
da seção
46
APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS
As aberturas de unidade, seção e
referências devem estar sempre na
página da direita.
Aberturas
Deve ter até 2 linhas.
Fonte: Museo 700
Tamanho: 16pt
Entrelinhas: 20pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Deve ter até 2 linhas.
Fonte: Museo 700
Tamanho: 12pt
Entrelinhas: 14pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Título da seção
Subtítulo
Fonte: Museo 100
Bold: Museo 500
Tamanho: 10pt
Entrelinhas: 13pt
Alinhamento: Justificado
Caracteres: Conforme escrita do autor,
com inicial maiúscula nos parágrafos
Fonte: Museo 100
Tamanho: 6pt
Entrelinhas: 12,5pt
Alinhamento: Alinhado à esquerda
quando estiver na coluna da esquerda.
Alinhado à direta quando estiver na
coluna da direita
Caracteres: Inicial maiúscula
Conteúdo
Rodapé
47
APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS
Imagem 1.2 | Descrição da imagem.
Fonte: Nullupid qui dolecep elitam landus, cor moluptatae conectem qui arum.
As imagens devem estar em tons de
cinza (grayscale), centralizadas na
página e acompanhadas de numeração,
descrição (acima) e fonte (abaixo).
Fonte: Museo 300
Tamanho: 9pt
Entrelinhas: 10pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Fonte: Museo 300
Tamanho: 7pt
Entrelinhas: 8pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Numeração e
descrição
Fonte
48
APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS
Aximi, vent anis ditam que et occupta dolupta eperfer
iandiae. Pa ex evenimus eature il etur sitem facearit
exerio. Et ea dolor asperia velestias et, si dolora
solecatem nobitia vella aut aut.
1. Aspiendae nostiste esectotam que nimin nobis aborat
erro eiciis eos cuptatatem nis qui non preri acid mo in re,
num ad ut reptas voluptaqui nobis aliti aut quibusa perchil
Solorerestvolorporrovitenisquatemvelitacipissitisexplaboribusanisita
accupti busant, tem accum quis essereratis nullabor rem. Dolectur?
Us aut eium voluptat. Ihic to comnis alique neculparciis ullorum nonse
culluptate in eicia quiandunt in rem de cus mint aut apel moluptasit es
Fonte: Museo 500
Tamanho: 10pt
Entrelinhas: 12pt
Cor: Preto
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Fonte: Museo 500
Tamanho: 10pt
Entrelinhas: 12pt
Cor: Papel (branco)
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Fonte: Museo 300
Bold: Museo 900
Tamanho: 11pt
Entrelinhas: 12pt
Cor: C0 M0 Y0 K80
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Citação
Para saber mais
Atividades de
aprendizagem
49
1. Cae corehent quossectate molorrundio earchic tessint
lam, sin etur? Erruntet vel magnim quam.
Atatiunt aut a di audam in pore, abo. Ate quis sinctatis endion
comnit volupta tusam, quiatem. Nequatiisin rae aut ligenem
fugiam, solut facest, solupta verchil.
Porerrun tistemq uiasper umeneca borrovid que et rem faceres
dellorepraes apis plam qui volorib erciti duciet a nobit ad modi ipiet
et faceariae nonsect.
APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS
Fonte: Museo 300
Bold: Museo 900
Tamanho: 11,5pt
Entrelinhas: 14pt
Cor: C0 M0 Y0 K80
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Fonte: Museo 300
Tamanho: 10pt
Entrelinhas: 12pt
Cor: C0 M0 Y0 K80
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Fonte: Museo 300
Tamanho: 10pt
Entrelinhas: 9pt
Cor: C0 M0 Y0 K80
Alinhamento: Justificado
Caracteres: Inicial maiúscula
Atividades de
aprendizagem da unidade
Fique ligado!
Para concluir o
estudo da unidade
50
APLICAÇÃO TIPOGRÁFICA
DOS LIVROS DIGITAIS
51
APLICAÇÃO TIPOGRÁFICA DOS LDDS 2.0, 3.0 E 4.0
Fonte: Museo 300
Tamanho: 66pt
Entrelinhas: 72pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Títulos
Unidade
Fonte: Museo 300
Tamanho: 66pt
Entrelinhas: 72pt
Alinhamento: À esquerda
Caracteres: Caixa alta
Títulos
Seção
Fonte: Museo 900
Tamanho: 22pt
Entrelinhas: 24pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Título Peso 1 /
Vinhetinha
Fonte: Museo Slab 500
Tamanho: 16pt
Entrelinhas: 24pt
Alinhamento: À esquerda
Caracteres: Caixa alta
Subtítulo /
Peso 2
52
Fonte: Museo 300
Bold: Museo 700
Tamanho: 16pt
Entrelinhas: 18pt
Alinhamento: À esquerda
Espaço Posterior: 0pt
Caracteres: Inicial maiúscula
Legenda
Fonte: Museo 300
Bold: Museo 700
Tamanho: 12pt
Entrelinhas: 16pt
Alinhamento: À esquerda
Espaço Posterior: 0pt
Caracteres: Inicial maiúscula
Fonte/Crédito
Fonte: Museo 300
Bold: Museo 700
Tamanho: 17pt
Entrelinhas: 24pt
Alinhamento: À esquerda
Espaço Posterior: 12pt
Caracteres: Inicial maiúscula
Normal
Fonte: Museo 500
Bold: Museo 900
Tamanho: 17pt
Entrelinhas: 24pt
Alinhamento: À esquerda
Espaço Posterior: 12pt
Caracteres: Inicial maiúscula
Texto Box
APLICAÇÃO TIPOGRÁFICA DOS LDDS 2.0, 3.0 E 4.0 53
PAPELARIA
PAPELARIA - ENGENHARIAS, CIÊNCIAS EXATAS E DA TERRA 55
PAPELARIA - CIÊNCIAS DA SAÚDE, CIÊNCIAS BIOLÓGICAS E OUTROS 56
PAPELARIA - CIÊNCIAS SOCIAIS APLICADAS 57
PAPELARIA - LINGUÍSTICA, LETRAS E ARTES 58
PAPELARIA - CIÊNCIAS HUMANAS 59
PAPELARIA - CIÊNCIAS AGRÁRIAS 60
MATERIAL DE APOIO - SLIDES
• A estrutura dos slides deve ser respeitada do início ao fim. Fontes, margens, formato de figuras, referências, espaçamentos, alinhamentos e cores não
devem ser alterados no decorrer da apresentação.
• A manutenção de um padrão fará com que o aluno o ignore e preste atenção no conteúdo.
• Os primeiros slides devem mostrar o objetivo ou o problema que será trabalhado. É muito importante que dados concretos, gráficos e
imagens do problema sejam apresentados.
• Se figuras, imagens ou vídeos não forem de propriedade do autor, devem ser referenciados.
• Cores bem contrastantes entre texto e fundo devem ser utilizados.
• O menornúmero de caracteres possíveis deve serutilizado. Lembre-se de que o professorexplicará esses itens, logo
não é necessário tera descrição completa deles.
• Informação demasiada atrapalha. O conteúdo deve sermostrado em partes.
62
MATERIAL DE APOIO - SLIDES
Fonte: Museo 700
Tamanho: 34pt
Entrelinhas: 1,0
Alinhamento: À esquerda
Caracteres: Caixa alta
Títulos
Sempre usar imagens que tenham, no
mínimo, 960px de largura.
Imagem de capa
Fonte: Foco
Tamanho: 24pt
Entrelinhas: 1,0
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Número da Aula
Fonte: Foco
Tamanho: 28pt
Entrelinhas: 1,0
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Subtítulo
63
MATERIAL DE APOIO - SLIDES
Fonte: Museo 700
Tamanho: 34pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Nome do autor
Fonte: Foco
Tamanho: 28pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Titulação
(Quando houver)
64
MATERIAL DE APOIO - SLIDES
Utilizar o espaço indicado
na cor cinza para inserir
conteúdos textuais e
audiovisuais
Conteúdo
Sempre deixar livre o espaço
indicado na corvermelha
Respiro
Sempre deixar livre o espaço
indicado na corverde
Intérprete
em Libras
65
MATERIAL DE APOIO - SLIDES
Fonte: Museo 700
Tamanho: 32pt
Alinhamento: Centralizado
Caracteres: Inicial maiúscula
Títulos
Sempre acompanhado do ícone indicado.
Fonte: Foco negrito
Tamanho: 30pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Tópicos
Fonte: Foco
Tamanho: 30pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Conteúdo
Sempre posicionar imagens e vídeos
respeitando os respiros previamente
demonstrados.
Audiovisual
Fonte: Foco
Tamanho: 14pt
Alinhamento: À esquerda
Caracteres: Inicial maiúscula
Cor: Branco, Plano de Fundo, Mais Escuro 50%
Fonte/Crédito
Intérprete em Libras
66
MATERIAL DE APOIO - SLIDES 67
Programação visual unificada
Programação visual unificada

Más contenido relacionado

Similar a Programação visual unificada

O aprendiz de investigador: Apresentar os resultados de uma investigação. Tra...
O aprendiz de investigador: Apresentar os resultados de uma investigação. Tra...O aprendiz de investigador: Apresentar os resultados de uma investigação. Tra...
O aprendiz de investigador: Apresentar os resultados de uma investigação. Tra...ProjetoLiteracias
 
Brandbook Auctus.ai Inteligência Aumentada
Brandbook Auctus.ai Inteligência AumentadaBrandbook Auctus.ai Inteligência Aumentada
Brandbook Auctus.ai Inteligência AumentadaHunter Agência Digital
 
Construindo seu framework CSS
Construindo seu framework CSSConstruindo seu framework CSS
Construindo seu framework CSSDiego Eis
 
Cartilhado slide de sucesso
Cartilhado slide de sucessoCartilhado slide de sucesso
Cartilhado slide de sucessoCICERO MOURA
 
Manual de Identidade Visual - Andiamo Eventos
Manual de Identidade Visual - Andiamo EventosManual de Identidade Visual - Andiamo Eventos
Manual de Identidade Visual - Andiamo EventosAlexsandro Oliveira
 
R: a alternativa ao SPSS e ao NVivo em software livre
R: a alternativa ao SPSS e ao NVivo em software livreR: a alternativa ao SPSS e ao NVivo em software livre
R: a alternativa ao SPSS e ao NVivo em software livreLuis Borges Gouveia
 
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...Nelson Vasconcelos
 
Tutorial kturtle iniciante
Tutorial kturtle inicianteTutorial kturtle iniciante
Tutorial kturtle inicianteRodrigo Costa
 
Manual de Marca Moda Praia
Manual de Marca Moda PraiaManual de Marca Moda Praia
Manual de Marca Moda PraiaEdu Ribeiro
 
Manual de Logomarca, Identidade Visual e Exemplos de Peças Gráficas - CBH R...
Manual de Logomarca, Identidade Visual e Exemplos de Peças Gráficas - CBH R...Manual de Logomarca, Identidade Visual e Exemplos de Peças Gráficas - CBH R...
Manual de Logomarca, Identidade Visual e Exemplos de Peças Gráficas - CBH R...CBH Rio das Velhas
 
Programar 1215
Programar  1215Programar  1215
Programar 1215tugafree
 

Similar a Programação visual unificada (20)

O aprendiz de investigador: Apresentar os resultados de uma investigação. Tra...
O aprendiz de investigador: Apresentar os resultados de uma investigação. Tra...O aprendiz de investigador: Apresentar os resultados de uma investigação. Tra...
O aprendiz de investigador: Apresentar os resultados de uma investigação. Tra...
 
Brandbook Auctus.ai Inteligência Aumentada
Brandbook Auctus.ai Inteligência AumentadaBrandbook Auctus.ai Inteligência Aumentada
Brandbook Auctus.ai Inteligência Aumentada
 
Identidade Visual para o Instagram
Identidade Visual para o InstagramIdentidade Visual para o Instagram
Identidade Visual para o Instagram
 
Construindo seu framework CSS
Construindo seu framework CSSConstruindo seu framework CSS
Construindo seu framework CSS
 
Revista programar 22
Revista programar 22Revista programar 22
Revista programar 22
 
Psd to html
Psd to htmlPsd to html
Psd to html
 
Revista programar 8
Revista programar 8Revista programar 8
Revista programar 8
 
Cartilhado slide de sucesso
Cartilhado slide de sucessoCartilhado slide de sucesso
Cartilhado slide de sucesso
 
Apostila inkscape
Apostila inkscapeApostila inkscape
Apostila inkscape
 
Manual de Identidade Visual - Andiamo Eventos
Manual de Identidade Visual - Andiamo EventosManual de Identidade Visual - Andiamo Eventos
Manual de Identidade Visual - Andiamo Eventos
 
R: a alternativa ao SPSS e ao NVivo em software livre
R: a alternativa ao SPSS e ao NVivo em software livreR: a alternativa ao SPSS e ao NVivo em software livre
R: a alternativa ao SPSS e ao NVivo em software livre
 
Tutorial_PowerPoint sucesso
Tutorial_PowerPoint sucessoTutorial_PowerPoint sucesso
Tutorial_PowerPoint sucesso
 
Apresentação Caloi - TCC
Apresentação Caloi - TCCApresentação Caloi - TCC
Apresentação Caloi - TCC
 
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
 
Tutorial kturtle iniciante
Tutorial kturtle inicianteTutorial kturtle iniciante
Tutorial kturtle iniciante
 
Manual de Marca Moda Praia
Manual de Marca Moda PraiaManual de Marca Moda Praia
Manual de Marca Moda Praia
 
02 - Introdução a linguagem C# v1.0
02 - Introdução a linguagem C# v1.002 - Introdução a linguagem C# v1.0
02 - Introdução a linguagem C# v1.0
 
Manual de Logomarca, Identidade Visual e Exemplos de Peças Gráficas - CBH R...
Manual de Logomarca, Identidade Visual e Exemplos de Peças Gráficas - CBH R...Manual de Logomarca, Identidade Visual e Exemplos de Peças Gráficas - CBH R...
Manual de Logomarca, Identidade Visual e Exemplos de Peças Gráficas - CBH R...
 
Revista gdh 04
Revista gdh 04Revista gdh 04
Revista gdh 04
 
Programar 1215
Programar  1215Programar  1215
Programar 1215
 

Programação visual unificada

  • 1. PROGRAMAÇÃO VISUAL UNIFICADA DE MATERIAL DIDÁTICO guia virtual de
  • 2. A transformação tornou-se uma constante no cenário atual. A Era da Informação tem proporcionado experiências novas diariamente, ampliando as possibilidades de interação, controle e atualização de conteúdos. Esse cenário demanda das organizações, que querem se manter à frente no cenário competitivo, a contínua oferta de caminhos nunca antes explorados. Cientedessecontexto,aKrotonidealizouedesenvolveuummodelo dewebaulaedelivrodidáticodigitalinterativo,comfortelinguagem visualeintuitivo. Esses materiais aliam um conteúdo qualificado a tecnologias disponíveis no ambiente digital, elevando o grau da percepção e interação do usuário. No projeto de design, as diversas possibilidades de interação dos dispositivos de leitura, especialmente tablets, foram contempladas. Para isso foi necessário analisar cada interface desenvolvida para que as interações, vitais no desenvolvimento da webaula e do livro didático digital, permitissem que as ações sugeridas ampliassem o interesse do leitor e auxiliassem no processo de construção do conhecimento. Outro ponto crucial para o projeto foi o desenvolvimento de uma estrutura de navegação e organização que orienta a localização do leitor no material didático. Este manual de programação visual unificada para o material didático contém orientações para uso e seleção da linguagem visual, normas e orientações para tratamento dos textos, uso correto da tipografia para aplicação na diagramação, padrões visuais, orientações e padrões para uso dos elementos gráficos. Transformação
  • 4. DESIGN LIVRO DIGITAL Engenharias, Ciências Exatas e da Terra Cores Degradê linear R: 12 G: 77 B: 162 C: 99 M:79 Y: 2 K: 0 #0c4da2 R: 0 G: 125 B: 198 C: 84 M:44 Y: 0 K: 0 #007dc6 R: 42 G: 196 B: 224 C: 64 M:1 Y: 0 K: 0 #2ac4f4 4
  • 5. DESIGN WEBAULA / CADERNO DE ATIVIDADES 5
  • 6. Ciências da Saúde, Ciências Biológicas e Outros Cores R: 70 G: 190 B: 175 C: 66 M: 0 Y: 39 K: 0 #46beaf R: 216 G: 226 B: 84 C: 19 M: 0 Y: 82 K: 0 #d8e254 R: 255 G: 250 B: 194 C: 1 M: 0 Y: 29 K: 0 #d8e254 R: 216 G: 208 B: 159 C: 19 M: 14 Y: 44 K: 1 #d8d09f DESIGN LIVRO DIGITAL Degradê linear 6
  • 7. DESIGN WEBAULA / CADERNO DE ATIVIDADES 7
  • 8. Ciências Sociais Aplicadas Cores Degradê linear R: 94 G: 80 B: 128 C: 75 M: 80 Y: 19 K: 4 #5e4480 R: 105 G: 67 B: 154 C: 71 M: 87 Y: 7 K: 1 #694391 R: 255 G: 203 B: 8 C: 1 M:19 Y: 99 K: 0 #ffcb08 R: 38 G: 53 B: 84 C: 93 M: 78 Y: 39 K: 36 #263554 DESIGN LIVRO DIGITAL 8
  • 9. DESIGN WEBAULA / CADERNO DE ATIVIDADES 9
  • 10. Linguística, Letras e Artes Cores Degradê linear R: 216 G: 226 B: 84 C: 19 M: 0 Y: 82 K: 0 #d8e254 R: 216 G: 63 B: 142 C: 11 M:89 Y: 6 K: 0 #d83f8e R: 167 G: 69 B: 151 C: 37 M: 87 Y: 1 K: 0 #a74597 DESIGN LIVRO DIGITAL 10
  • 11. DESIGN WEBAULA / CADERNO DE ATIVIDADES 11
  • 12. Ciências Humanas Cores DESIGN LIVRO DIGITAL Degradê linear R: 239 G: 23 B: 35 R: 166 G: 206 B: 57 R: 80 G: 90 B: 120 C: 0 M: 99 Y: 98 K: 0 C: 40 M: 0 Y: 99 K: 0 C: 74 M: 60 Y: 33 K: 18 #ef1723 #a6ce39 #505a78 12
  • 13. DESIGN WEBAULA / CADERNO DE ATIVIDADES 13
  • 14. Ciências Agrárias Cores Degradê linear R: 166 G: 206 B: 57 C: 40 M: 0 Y: 99 K: 0 #a6ce39 R: 113 G: 191 B: 68 C: 60 M: 0 Y: 99 K: 0 #71bf44 R: 6 G: 166 B: 142 C: 80 M: 10 Y: 55 K: 1 #06a68e DESIGN LIVRO DIGITAL 14
  • 15. DESIGN WEBAULA / CADERNO DE ATIVIDADES 15
  • 17. Contracapa CapaDorso ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS - CAPA Espaço para inserção do código de barras Título Deve ter até 3 linhas. Fonte: DIN Medium Tamanho: 48pt (Pode variar de acordo com o tamanho do título) Entrelinhas: 57,6pt Alinhamento: Centralizado Caracteres: Iniciais maiúsculas Dorso Deve ter somente 1 linha. Fonte: Foco bold Tamanho: 14pt (Pode variar de acordo com o tamanho do título) Entrelinhas: 16,8pt Alinhamento: Centralizado Caracteres: Caixa alta Imagem Cada área de conhecimento possui imagem de fundo definida. Contracapa A cor de fundo, em azul no exemplo modifica-se de acordo com a marca. 17
  • 18. ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS - CAPA 18
  • 19. ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS - CAPA 19
  • 20. ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS Acontece sempre na página direita. Borda superior: 2cm de altura Borda lateral: 0,5cm de largura Abertura de Unidade 20
  • 21. ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS Nas bordas laterais, acima localiza-se a informação da unidade e abaixo, a página. Páginas do conteúdo 21
  • 22. ELEMENTOS GRÁFICOS DOS LIVROS IMPRESSOS A borda lateral deve ter 21,3cm de altura, deixando recuo para a marcação de página. Fim da unidade Início de outra unidade. 22
  • 24. ELEMENTOS GRÁFICOS DOS LIVROS DIGITAIS Navegação Páginas Cada assunto é organizado em páginas, que podem ser lidas nas posições vertical e horizontal. A numeração da página tem como padrão indicar em qual o usuário está e o número total. O usuário poderá ver a Unidade e a Seção que estão sendo estudadas no momento. Ao tocar no ícone "Menu", aparecerá a lista de conteúdos. Setas Indicam a direção da próxima página. O usuário deverá deslizar conforme a indicação para continuar a leitura do livro. 24
  • 25. ELEMENTOS GRÁFICOS DOS LIVROS DIGITAIS Espaço reservado para conteúdos complementares além do texto regular. O usuário poderá usar as abas com o ícone “mais” para ter acesso a mais informações sobre o assunto abordado. Essas sempre estarão acompanhadas do ícone indicativo . 25
  • 26. ELEMENTOS GRÁFICOS E APLICAÇÃO TIPOGRÁFICA DA WEBAULA / CADERNO DE ATIVIDADES
  • 27. Alinhamento: À esquerda Fonte: Museo 700 Tamanho: 20pt Cor: Muda de acordo com a área de conhecimento Títulos e Subtítulos Pode ser trabalhado em 1 ou 2 colunas. Alinhamento: À esquerda Fonte: Foco Tamanho: 17pt Cor: #3a3a3a Conteúdo Citação Sempre acompanhada do ícone "aspas" na cor prevista em sua área de conhecimento. Alinhamento: À esquerda Fonte: Museo 500 Tamanho: 15pt Cor: #3a3a3a DESIGN WEBAULA / CADERNO DE ATIVIDADES 27
  • 28. Para saber mais O texto deve ser apresentado no box com a cor prevista em sua área de conhecimento. Alinhamento: Alinhado à esquerda quando estiver na coluna da esquerda. Alinhado à direta quando estiver na coluna da direita. Fonte: Museo 500 Tamanho: 15pt Cor do texto: #ffffff DESIGN WEBAULA / CADERNO DE ATIVIDADES 28
  • 29. Questão para reflexão O texto deve estar centralizado conforme a altura do "ponto de interrogação". Alinhamento: Centralizado Fonte: Museo 700 Tamanho: 28pt Cor: #ffffff DESIGN WEBAULA / CADERNO DE ATIVIDADES 29
  • 30. Vídeos Os vídeos devem ficar centralizados na página DESIGN WEBAULA / CADERNO DE ATIVIDADES 30
  • 32. ELEMENTOS GRÁFICOS DE VÍDEOS Os elementos gráficos que compõem os temas das áreas de conhecimento também podem ser usados na produção de animações gráficas e audiovisuais. 32
  • 33. ELEMENTOS GRÁFICOS DE VÍDEOS Engenharias, Ciências Exatas e da Terra Ciências da Saúde, Ciências Biológicas e Outros 33
  • 34. ELEMENTOS GRÁFICOS DE VÍDEOS Ciências Sociais Aplicadas Linguística, Letras e Artes 34
  • 35. ELEMENTOS GRÁFICOS DE VÍDEOS Ciências Humanas Ciências Agrárias 35
  • 37. Os ícones devem ser inseridos respeitando a posição da página: esquerda ou direita. ÍCONES - LDD 1.0 Esquerda Direita 37
  • 38. Em fundo escuro Clique (toque) Gire o dispositivo para a posição horizontal Gire o dispositivo para a posição vertical Interação com câmera Vídeo Áudio Deslize para direita ou para esquerda Deslize para cima ou para baixo Toque e arraste Deslize o dedo na tela em várias direções ÍCONES - LDD 2.0, 3.0 E 4.0 38
  • 39. Objetos que serão tocados terão sempre o fio de destaque. Seção 1 Atividades da Unidade ÍCONES - LDD 2.0, 3.0 E 4.0 39
  • 41. TIPOGRAFIA Para textos em destaque, a variação Rounded, da família Museo Sans, foi escolhida. Preferencialmente, deve ser utilizada em caixa alta e somente sobre fundos que possibilitem a legibilidade do texto. Além das variantes apresentadas, podem ser utilizadas outras da mesma família. DISPLAY DISPLAY DISPLAY DISPLAY A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : . A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : . A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : . A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : . Museo Sans Rounded 41
  • 42. Para textos corridos, a família tipográfica Foco foi escolhida. Além das variantes apresentadas, podem ser utilizadas outras da mesma família. Caso não seja possível empregar a tipografia institucional, como, por exemplo, em peças para web ou apresentações em PowerPoint, recomenda-se o uso da família Open Sans. Textos Textos Textos Textos Família Foco A B C D E FG H I J K L M N O P Q R S T U VWXY Z a b c d e f g h i j k l m n o p q r s t u vwx y z 0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : . A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : . A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : . A B C D E FG H I J K L M N O P Q R S T U VWXY Z a b c d e f g h i j k l m n o p q r s t u vwx y z 0 1 2 3 4 5 6 7 8 9 @ ? ! ( ) { } [ ] ; : . TIPOGRAFIA 42
  • 44. APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS Deve ter entre 3 e 5 linhas. Caso exceda esse espaço, o box poderá aumentar para baixo e o nome do autor deverá acompanhar o espaçamento estipulado no layout. Fonte: Museo 700 Tamanho: 30pt Entrelinhas: 32pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Fonte: Museo 700 Tamanho: 18pt Entrelinhas: 14pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Título da contracapa Autores 44
  • 45. APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS Pode ter até 2 linhas. Fonte: Museo 700 Tamanho: 9pt Entrelinhas: 10,8pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Unidade Pode ter até 2 linhas. Fonte: Museo 500 Tamanho: 9pt Entrelinhas: 10,8pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Seção Pode ter até 2 linhas Fonte: Museo 100 Tamanho: 9pt Entrelinhas: 10,8pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Subtítulo 45
  • 46. APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS Deve ter entre 1 e 3 linhas. Fonte: Museo 500 Tamanho: 16pt Entrelinhas: 29pt Alinhamento: À esquerda Caracteres: Caixa alta Fonte: Museo 700 Tamanho: 10pt Entrelinhas: 13pt Alinhamento: Justificado Caracteres: Inicial maiúscula Fonte: Museo 100 Tamanho: 10pt Entrelinhas: 13pt Alinhamento: Justificado Caracteres: Inicial maiúscula Título da unidade Objetivos de aprendizagem Objetivos Deve ter uma linha para cada nome de autor. Fonte: Museo 300 italic Tamanho: 10pt Entrelinhas: 12pt Alinhamento: À direita Caracteres: Inicial maiúscula Deve ter até 2 linhas. Fonte: Museo 700 Tamanho: 12pt Entrelinhas: 14pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Autor da unidade Seção Fonte: Museo 100 Tamanho: 10pt Entrelinhas: 13pt Alinhamento: Justificado Caracteres: Inicial maiúscula Descrição da seção 46
  • 47. APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS As aberturas de unidade, seção e referências devem estar sempre na página da direita. Aberturas Deve ter até 2 linhas. Fonte: Museo 700 Tamanho: 16pt Entrelinhas: 20pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Deve ter até 2 linhas. Fonte: Museo 700 Tamanho: 12pt Entrelinhas: 14pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Título da seção Subtítulo Fonte: Museo 100 Bold: Museo 500 Tamanho: 10pt Entrelinhas: 13pt Alinhamento: Justificado Caracteres: Conforme escrita do autor, com inicial maiúscula nos parágrafos Fonte: Museo 100 Tamanho: 6pt Entrelinhas: 12,5pt Alinhamento: Alinhado à esquerda quando estiver na coluna da esquerda. Alinhado à direta quando estiver na coluna da direita Caracteres: Inicial maiúscula Conteúdo Rodapé 47
  • 48. APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS Imagem 1.2 | Descrição da imagem. Fonte: Nullupid qui dolecep elitam landus, cor moluptatae conectem qui arum. As imagens devem estar em tons de cinza (grayscale), centralizadas na página e acompanhadas de numeração, descrição (acima) e fonte (abaixo). Fonte: Museo 300 Tamanho: 9pt Entrelinhas: 10pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Fonte: Museo 300 Tamanho: 7pt Entrelinhas: 8pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Numeração e descrição Fonte 48
  • 49. APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS Aximi, vent anis ditam que et occupta dolupta eperfer iandiae. Pa ex evenimus eature il etur sitem facearit exerio. Et ea dolor asperia velestias et, si dolora solecatem nobitia vella aut aut. 1. Aspiendae nostiste esectotam que nimin nobis aborat erro eiciis eos cuptatatem nis qui non preri acid mo in re, num ad ut reptas voluptaqui nobis aliti aut quibusa perchil Solorerestvolorporrovitenisquatemvelitacipissitisexplaboribusanisita accupti busant, tem accum quis essereratis nullabor rem. Dolectur? Us aut eium voluptat. Ihic to comnis alique neculparciis ullorum nonse culluptate in eicia quiandunt in rem de cus mint aut apel moluptasit es Fonte: Museo 500 Tamanho: 10pt Entrelinhas: 12pt Cor: Preto Alinhamento: Justificado Caracteres: Inicial maiúscula Fonte: Museo 500 Tamanho: 10pt Entrelinhas: 12pt Cor: Papel (branco) Alinhamento: Justificado Caracteres: Inicial maiúscula Fonte: Museo 300 Bold: Museo 900 Tamanho: 11pt Entrelinhas: 12pt Cor: C0 M0 Y0 K80 Alinhamento: Justificado Caracteres: Inicial maiúscula Citação Para saber mais Atividades de aprendizagem 49
  • 50. 1. Cae corehent quossectate molorrundio earchic tessint lam, sin etur? Erruntet vel magnim quam. Atatiunt aut a di audam in pore, abo. Ate quis sinctatis endion comnit volupta tusam, quiatem. Nequatiisin rae aut ligenem fugiam, solut facest, solupta verchil. Porerrun tistemq uiasper umeneca borrovid que et rem faceres dellorepraes apis plam qui volorib erciti duciet a nobit ad modi ipiet et faceariae nonsect. APLICAÇÃO TIPOGRÁFICA DOS LIVROS IMPRESSOS Fonte: Museo 300 Bold: Museo 900 Tamanho: 11,5pt Entrelinhas: 14pt Cor: C0 M0 Y0 K80 Alinhamento: Justificado Caracteres: Inicial maiúscula Fonte: Museo 300 Tamanho: 10pt Entrelinhas: 12pt Cor: C0 M0 Y0 K80 Alinhamento: Justificado Caracteres: Inicial maiúscula Fonte: Museo 300 Tamanho: 10pt Entrelinhas: 9pt Cor: C0 M0 Y0 K80 Alinhamento: Justificado Caracteres: Inicial maiúscula Atividades de aprendizagem da unidade Fique ligado! Para concluir o estudo da unidade 50
  • 52. APLICAÇÃO TIPOGRÁFICA DOS LDDS 2.0, 3.0 E 4.0 Fonte: Museo 300 Tamanho: 66pt Entrelinhas: 72pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Títulos Unidade Fonte: Museo 300 Tamanho: 66pt Entrelinhas: 72pt Alinhamento: À esquerda Caracteres: Caixa alta Títulos Seção Fonte: Museo 900 Tamanho: 22pt Entrelinhas: 24pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Título Peso 1 / Vinhetinha Fonte: Museo Slab 500 Tamanho: 16pt Entrelinhas: 24pt Alinhamento: À esquerda Caracteres: Caixa alta Subtítulo / Peso 2 52
  • 53. Fonte: Museo 300 Bold: Museo 700 Tamanho: 16pt Entrelinhas: 18pt Alinhamento: À esquerda Espaço Posterior: 0pt Caracteres: Inicial maiúscula Legenda Fonte: Museo 300 Bold: Museo 700 Tamanho: 12pt Entrelinhas: 16pt Alinhamento: À esquerda Espaço Posterior: 0pt Caracteres: Inicial maiúscula Fonte/Crédito Fonte: Museo 300 Bold: Museo 700 Tamanho: 17pt Entrelinhas: 24pt Alinhamento: À esquerda Espaço Posterior: 12pt Caracteres: Inicial maiúscula Normal Fonte: Museo 500 Bold: Museo 900 Tamanho: 17pt Entrelinhas: 24pt Alinhamento: À esquerda Espaço Posterior: 12pt Caracteres: Inicial maiúscula Texto Box APLICAÇÃO TIPOGRÁFICA DOS LDDS 2.0, 3.0 E 4.0 53
  • 55. PAPELARIA - ENGENHARIAS, CIÊNCIAS EXATAS E DA TERRA 55
  • 56. PAPELARIA - CIÊNCIAS DA SAÚDE, CIÊNCIAS BIOLÓGICAS E OUTROS 56
  • 57. PAPELARIA - CIÊNCIAS SOCIAIS APLICADAS 57
  • 58. PAPELARIA - LINGUÍSTICA, LETRAS E ARTES 58
  • 59. PAPELARIA - CIÊNCIAS HUMANAS 59
  • 60. PAPELARIA - CIÊNCIAS AGRÁRIAS 60
  • 61. MATERIAL DE APOIO - SLIDES
  • 62. • A estrutura dos slides deve ser respeitada do início ao fim. Fontes, margens, formato de figuras, referências, espaçamentos, alinhamentos e cores não devem ser alterados no decorrer da apresentação. • A manutenção de um padrão fará com que o aluno o ignore e preste atenção no conteúdo. • Os primeiros slides devem mostrar o objetivo ou o problema que será trabalhado. É muito importante que dados concretos, gráficos e imagens do problema sejam apresentados. • Se figuras, imagens ou vídeos não forem de propriedade do autor, devem ser referenciados. • Cores bem contrastantes entre texto e fundo devem ser utilizados. • O menornúmero de caracteres possíveis deve serutilizado. Lembre-se de que o professorexplicará esses itens, logo não é necessário tera descrição completa deles. • Informação demasiada atrapalha. O conteúdo deve sermostrado em partes. 62
  • 63. MATERIAL DE APOIO - SLIDES Fonte: Museo 700 Tamanho: 34pt Entrelinhas: 1,0 Alinhamento: À esquerda Caracteres: Caixa alta Títulos Sempre usar imagens que tenham, no mínimo, 960px de largura. Imagem de capa Fonte: Foco Tamanho: 24pt Entrelinhas: 1,0 Alinhamento: À esquerda Caracteres: Inicial maiúscula Número da Aula Fonte: Foco Tamanho: 28pt Entrelinhas: 1,0 Alinhamento: À esquerda Caracteres: Inicial maiúscula Subtítulo 63
  • 64. MATERIAL DE APOIO - SLIDES Fonte: Museo 700 Tamanho: 34pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Nome do autor Fonte: Foco Tamanho: 28pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Titulação (Quando houver) 64
  • 65. MATERIAL DE APOIO - SLIDES Utilizar o espaço indicado na cor cinza para inserir conteúdos textuais e audiovisuais Conteúdo Sempre deixar livre o espaço indicado na corvermelha Respiro Sempre deixar livre o espaço indicado na corverde Intérprete em Libras 65
  • 66. MATERIAL DE APOIO - SLIDES Fonte: Museo 700 Tamanho: 32pt Alinhamento: Centralizado Caracteres: Inicial maiúscula Títulos Sempre acompanhado do ícone indicado. Fonte: Foco negrito Tamanho: 30pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Tópicos Fonte: Foco Tamanho: 30pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Conteúdo Sempre posicionar imagens e vídeos respeitando os respiros previamente demonstrados. Audiovisual Fonte: Foco Tamanho: 14pt Alinhamento: À esquerda Caracteres: Inicial maiúscula Cor: Branco, Plano de Fundo, Mais Escuro 50% Fonte/Crédito Intérprete em Libras 66
  • 67. MATERIAL DE APOIO - SLIDES 67