Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Apresentações multimédia

521 views

Published on

Produção de Recursos Digitais para Moodle

Published in: Education
  • Be the first to like this

Apresentações multimédia

  1. 1. ApresentaçõesMultimédiaMetodologia de Conceção de Ecrãs
  2. 2. Objetivo da apresentação Agenda ▪ Definição de objetivos ▪ Definição do conteúdo ▪ Retórica da página ▪ Análise da cor ▪ Escrita de texto ▪ Gráficos/esquemas ▪ Fotografias ▪ Efeitos sonoros ▪ Imagens animadas 2
  3. 3. MetodologiaDefinição de objetivos Definição do conteúdo▪ Objetivos ▪ Conteúdo ▪ Informação ▪ Pertinente ▪ Sensibilização ▪ Preciso ▪ Atualização ▪ Rigoroso ▪ pedagógicos ▪ Exato ▪ Necessidades do aluno 3
  4. 4. Retórica da página Ecrã vs. Papel ▪ O ecrã é normalmente: ▪ Mais pequeno ▪ Tem mais grão ▪ Menos legível ▪ Não manipulável 4
  5. 5. Retórica da páginaDivisão do Ecrã em áreas funcionais Enquadramento da área principal▪ Informação principal ▪ Área principal centrada▪ Informação de controlo – comandos, ▪ Áreas menos importantes – botões, etc… colocadas na periferia▪ Informação de Controlo – help 5
  6. 6. Retórica da PáginaEquilíbrio do ecrã▪ Equilíbrio entre os diferentes elementos ecrãs ▪ Textos ▪ Gráficos ▪ Imagens▪ Proceder das seguintes formas ▪ Simetricamente ▪ Da esquerda para a direita ▪ De cima para baixo 6
  7. 7. Retórica da página Organização da informação emAgrupamento de itens idênticos padrões lógicos e familiares▪ Em subecrãs mais simples ▪ Empilhar itens para sugerir sequência▪ Colocando em volta uma margem a branco ▪ Colocar os itens lado a lado para sugerir alternativas▪ Desenhando uma caixa em volta ▪ Usar dimensão para exprimir maior importância▪ Usando uma cor diferente, um tipo de letra diferente… ▪ Sobrepor para indicar prioridade ▪ Combinar técnicas 7
  8. 8. Retórica da páginaFormas de destacar a informação Ênfasemais importante ▪ Discreto ▪ Maiúsculas▪ Usar o destaque com discrição ▪ Itálico ▪ Outra fonte▪ Nunca destacar mais de 10% da ▪ Forte informação ▪ Bold ▪ Maior brilho▪ Quando a informação é para ler, ▪ Mudança de cor evitar mecanismos que reduzem a legibilidade ▪ Muito forte ▪ Piscar ▪ Criar uma animação 8
  9. 9. Retórica da páginaDensidade de informação▪ Regras a considerar ▪ Não empacotar a informação de forma muito densa ▪ Evitar a abundância de pormenores ▪ Procurar sintetizar ▪ Apresentar a informação de forma progressiva ▪ Usar espaços em branco ▪ Manter a coerência 9
  10. 10. Retórica das coresUtilização das cores Cores em decrescendum de contraste▪ Ligar/relacionar – cores ▪ Amarelo semelhantes: laranja e amarelo ▪ Laranja▪ Diferenciar - cores contrastantes: ▪ Verde azul e amarelo ▪ Vermelho▪ Chamar a atenção –cores claras, ▪ Ciano brilhantes (em decrescendum) ▪ Magenta▪ Retratar objetos naturais ▪ Azul▪ Atrair/realçar ▪ Branco 10
  11. 11. Retórica das cores Problemas da cor ▪ Dispersão da atenção ▪ Interferência com outras cores de quadros / janelas ▪ A fadiga visual devido a combinações inadequadas: azul e vermelho ▪ As dificuldades de discriminação das cores por algumas pessoas (daltonismo) 11
  12. 12. Retórica das cores Critérios ▪ Ser pouco numerosas . O número desejável é de 3 ▪ Contribuir para uma continuidade visual ▪ Diferenciar-se bem ▪ Respeitar os códigos social e cultural ▪ Atribuir um sentido determinado 12
  13. 13. Escrita de textoLegibilidade▪ Escrever frases curtas▪ Misturar maiúsculas e minúsculas de um modo equilibrado▪ Apresentar o texto por blocos▪ Ocupar com texto um terço ou metade do ecrã▪ Não utilizar as duas primeiras do ecrã 13
  14. 14. Escrita de textoEstilo▪ Ser conciso▪ Ser claro▪ Ajudar a memorizar pormenores▪ Ser simples▪ Ter um impacto emocional▪ Ser coerente▪ Ser harmonioso▪ Respeitar a sintaxe, os acentos a pontuação e a ortografia▪ Estar adaptado ao destinatário 14
  15. 15. Gráficos / esquemas Critérios ▪ Ser adequados ▪ Fazer compreender ▪ Não perturbar o processo de comunicação ▪ Estimular o interesse ▪ Não ser repetitivos ▪ Não ser demasiados lentos ▪ Servir para apoiar e ilustrar ▪ Ter qualidade 15
  16. 16. Gráficos / esquemas Tipos de gráficos ▪ Figurativos ▪ Esquemáticos ▪ Simbólicos ▪ Abstratos 16
  17. 17. FotografiasA fotografia permite▪ Evocar▪ Sugerir▪ Suscitar emoções▪ Fazer reagir 17
  18. 18. Efeitos sonoros Música ▪ Criar ambiente certo ▪ Sugerir ▪ Evocar ▪ Suscitar emoções (alegria, tristeza, etc) ▪ Imprimir ritmo 18
  19. 19. Efeitos sonorosVoz off Ruídos▪ Complementar o texto escrito ▪ Ilustrar▪ Aumentar a memorização ▪ Imprimir realismo▪ Atrair a atenção ▪ Dar ritmo▪ Ajuda / reforço 19
  20. 20. Imagens animadasAnimações / Vídeo▪ Divertir▪ Dinamizar▪ Dar ritmo▪ Imprimir realismo▪ Compreensão de um processo técnico, mais ou menos complexo 20
  21. 21. ReferênciasAdaptação para a formação “Produção de Recursos Digitais para Moodle” – EB23 doCaniço – 2012▪ FontesNunes, Maria Clara R. – Apresentações e ProgramasMultimédia, uma metodologia de concepção de ecrãs –Formar, Lisboa 21

×