UC02249

Conceber e executar layouts para aplicações multimédia interativas.

Carga horária
50h
Área
Multimédia e Comunicação

Realizações

  • Planear o layout para aplicação multimédia interativa.
  • Elaborar fluxo de navegação e diagrama de fluxo.
  • Elaborar wireframing e protótipo.
  • Elaborar design visual da aplicação.
  • Testar usabilidade e acessibilidade da aplicação.
  • Publicar aplicação multimédia interativa.

Conhecimentos

  • Comunicação – princípios, fatores históricos e sociais no fenómeno comunicativo.
  • Design - conceito, dicotomia forma e função, simbologia e semiótica.
  • Perceção e comunicação visual - princípios da perceção visual (leis da Gestalt (semelhança, proximidade, simetria, continuidade) e teoria da cor.
  • Comunicação visual – princípios e elementos, estratégias de comunicação gráfica.
  • Design – princípios de composição visual (equilíbrio, ritmo, proporção, hierarquia, foco visual e perspetiva), layout (estrutura e elementos), tipografia, cor, texto (composição e tratamento), legibilidade e ritmos de leitura, imagens.
  • Imagem – técnicas de edição e tratamento de imagem, formatos de ficheiros e exportação, tipos de aplicações informáticas.
  • Áudio e vídeo - técnicas de edição e pós-produção, formatos de ficheiros, exportação de vídeo (codecs, resolução de frame e frame rate para diferentes suportes) e aplicações informáticas.
  • Design UI (user interface) – princípios, estrutura, tipografia e a cor nos dispositivos móveis e web, elementos gráficos: icons, símbolos e botões.
  • Design UX (User experience) – etapas e metodologia, utilizador: necessidades, comportamentos e preferências, objetivos e requisitos funcionais e não funcionais do produto, design de experiência (arquitetura de informação, mapas de site, aplicações, fluxos de navegação e esquemas de taxonomia).
  • Wireframing – princípios, e arquitetura da aplicação, área de trabalho e ferramentas, tipos de aplicações informáticas.
  • Wireframes e protótipos – prototipagem: baixa e alta fidelidade para visualização e análise do layout, fluxo e interação do produto, testes de usabilidade.
  • Design responsivo - adaptabilidade a diferentes tamanhos e contextos de uso ( web, dispositivos móveis e ecrãs de alta resolução).
  • Processo criativo – ferramentas brainstorming, mindmap, concepboard, key visual.
  • Design thinking – metodologia de projeto em design de multimédia.
  • Direitos de autor - propriedade intelectual, proteção legal, direitos exclusivos, uso justo, licenciamento, proteção internacional, registo de direitos autorais, plágio e violação de direitos.
  • Normas de segurança e saúde no trabalho.
  • Normas de proteção ambiental

Aptidões

  • Identificar os princípios de comunicação.
  • Caracterizar os fatores históricos, sociais e culturais do fenómeno comunicativo.
  • Caracterizar o conceito de design.
  • Identificar e aplicar leis da perceção visual.
  • Relacionar perceção e comunicação visual.
  • Diferenciar e aplicar princípios e elementos da comunicação visual.
  • Aplicar estratégias da comunicação gráfica.
  • Diferenciar e aplicar princípios de composição visual e de fotografia em layout de aplicação multimédia.
  • Utilizar aplicações informáticas de edição de imagem, áudio e vídeo.
  • Aplicar técnicas de edição de imagem, áudio e vídeo.
  • Diferenciar tipos de ficheiros.
  • Editar e exportar imagens.
  • Criar composições de vídeo eficazes.
  • Criar animações e efeitos visuais.
  • Definir plano para layout de aplicação multimédia.
  • Definir layout, hierarquia visual, cores e tipografia.
  • Estruturar conteúdos a integrar no layout.
  • Integrar elementos gráficos no layout.
  • Identificar e aplicar os princípios do design UI (user interface).
  • Diferenciar e aplicar os princípios do design UX (user experience).
  • Identificar e aplicar os princípios do wireframing.
  • Diferenciar e utilizar aplicações informáticas para wireframes.
  • Aplicar princípios do design responsivo.
  • Efetuar prototipagem de aplicações multimédia.
  • Testar usabilidade.
  • Identificar e aplicar as ferramentas para desenvolvimento do processo criativo.
  • Identificar e aplicar as etapas do design thinking.
  • Identificar direitos de autor.
  • Implementar interfaces gráficas.
  • Aplicar as normas de segurança e saúde no trabalho.
  • Aplicar as normas de proteção ambiental.

Atitudes

  • Responsabilidades pelas suas ações.
  • Autonomia no âmbito das suas funções.
  • Escuta ativa.
  • Empenho e persistência na resolução de problemas.
  • Flexibilidade e adaptabilidade.
  • Sentido analítico.
  • Sentido criativo.
  • Sentido crítico.
  • Sentido de organização.
  • Rigor.
  • Cooperação com a equipa.
  • Respeito pelas regras e normas definidas.
Critérios, contexto e recursos previstos

Critérios de desempenho

  • Programando e definindo a navegação pelos elementos multimédia.
  • Garantindo uma identidade visual consistente em todos os suportes e uma experiência de utilizador intuitiva.
  • Cumprindo os padrões e normas web estabelecidos.
  • Garantindo a proteção do design multimédia contra vulnerabilidades de segurança.
  • Reduzindo o tamanho dos ficheiros multimédia sem comprometer a qualidade.

Contexto

  • Aplicável a diferentes contextos.

Recursos

  • Dispositivos tecnológicos com acesso à internet.
  • Aplicações informáticas de desenho digital.
  • Aplicações informáticas de desenhos de interface para criação de protótipos.