Fictizia formación especializada

Aprende a diseñar profesionalmente interfaces digitales

Curso de

Diseño de interfaz en proyectos Web, Apps y Smart TV

Diseño interactivo, diseño visual y funcional, diseño centrado en el usuario, responsive, usabilidad

En el Curso de Diseño de interfaz para proyectos Web, Apps y Smart TV aprenderás cómo diseñar el sistema visual y funcional de interacción entre sitios web, aplicaciones para smartphones, tablets y smart TV y sus usuarios en base a las necesidades y objetivos específicos de cada proyecto.

Además de en el aspecto gráfico, el curso también hace hincapié en el diseño de los procesos de que constan las aplicaciones desde el punto de vista funcional y con la vista siempre puesta en la usabilidad y la experiencia de usuario.

El Curso de Diseño de interfaz para proyectos Web, Apps y Smart TV va más allá del enseñar al alumno los conocimientos puramente técnicos y sobre software que se utilizan durante el proceso de diseño y se adentra en las técnicas, análisis y fundamentos del diseño aplicándolos al diseño de sistemas interactivos. 

Desde el punto de vista técnico, el alumno conocerá todas las tecnologías, formatos, y técnicas requeridas en el proceso de diseño de interfaces y las necesidades y particularidades en proyectos web responsive y de apps para determinados dispositivos.

El objetivo es que el alumno aprenda no sólo a plantear el aspecto visual aplicando los principios de diseño y composición para comunicar los contenidos de la forma más óptima, también a decidir cuál es en cada caso la mejor organización de la información y el mejor sistema de interacción para que las interfaces sean cómodas y agradables de utilizar generando experiencias positivas en sus usuarios.

Programa de contenidos

  • Etapas del proceso de diseño de experiencia de usuario de un proyecto interactivo
  • Diferencias entre los fundamentos del diseño interactivo y del diseño para impresión
  • Aspectos esenciales de diseño de la arquitectura de la información
    • Organización de la información y diseño de navegación
    • Errores a evitar en el diseño de navegación (Dark patterns)
    • Particularidades en los contenidos de una Homepage
    • Diagramación
  • Diseño de procesos
    • La interfaz como un sistema que resuelve tareas
    • Ley de Hick/Hyman aplicada al diseño de interfaz
  • Diseño visual de una interfaz
    • Jerarquía de contenidos en una pantalla de la interfaz
    • Leyes de la Gestalt aplicadas el diseño de interfaz
    • Principio de Pareto (ley del 80/20)
    • Consistencia
    • Particularidades de las interfaces táctiles
    • Particularidades del diseño para SmartTV
  • Microcopy. Usabilidad en los textos de la interfaz
  • Proceso de diseño de proyectos web responsive
    • Consideraciones especiales en el diseño adaptativo
    • Flujo de trabajo en un proyecto responsive
    • Principios de "Mobile first"
  • Fundamentos de tipografía en el diseño de interfaz
  • El Color
    • Fundamentos del color luz y perfiles de color
    • Teoría del color
  • Principios de usabilidad
    • Legibilidad en cuerpos de texto y titulares en proyectos digitales
    • Diferenciando elementos de interfaz y contenidos
    • Usabilidad en enlaces, botones y menús
    • Usabilidad en formularios
  • Guías de estilo y Patrones de diseño
    • Contenidos (textos y media)
    • Componentes
    • Elementos interactivos
    • Paletas de color
  • Layouts
    • Composición y retículas
    • El espacio negativo
    • Proporciones
  • Sketching, Wireframing y prototipado
    • Objetivos del wireframe
    • Creación de prototipos con Axure
  • Formatos de imagen para diseño de interfaz
    • Imágenes bitmap. Características, diferencias, compresión, aplicaciones y optimización
    • El formato SVG
    • Sprites
    • Imágenes data-URI
    • Particularidades en Pantallas HiDPI (retina)
  • Adobe Photoshop orientado al diseño de interfaz
    • Capas
    • Máscaras y canales
    • Ajustes de capa
    • Trazados
    • Formas
    • Trabajo con objetos inteligentes
    • Estilos de capa
    • Técnicas de trabajo no destructivas con Photoshop
  • Adobe Illustrator orientado al diseño de assets vectoriales
    • La herramienta pluma
    • Formas
    • El buscatrazos
    • Capas y máscaras
    • Las mesas de trabajo
    • Exportación
  • Introducción a Sketch
  • Iconografía
    • Principios básicos de Semiótica
    • Fundamentos del diseño de iconos
    • Pictogramas
    • favicons
    • Touch icons
  • Animación en interfaces
    • La animación como potenciador de la comunicación
    • Principios de animación en los elementos de una interfaz
    • Timming y Spacing
    • La aceleración
    • La anticipación
    • Transiciones
    • Animaciones como feedback
    • Animaciones como llamadas de atención
    • Storytelling

Solicitar más información:

Ponte en contacto con nosotros y resolveremos tus dudas

Completa el formulario para recibir más información sobre un curso o taller de fictizia y si quieres plantearnos alguna otra cuestión puedes indicárnosla en los comentarios.
Te responderemos a la mayor brevedad posible. Recuerda que, si lo prefieres, también puedes contactar con nosotros por teléfono llamándonos al 91 172 33 13 ( 10:00 a 19:00 ).