DIW01.- Planificación de interfaces gráficas.

Tabla de resultados de aprendizaje (RA) y  contenidos para la unidad DIW 01
RA        Contenidos propuestos Contenidos según normativa

RA 1.

 DIW 01.- Planificación de interfaces gráficas.
  1. Elementos del diseño:
    1. Percepción visual.
    2.  Elementos conceptuales: punto, línea, plano, volumen.
    3.  Elementos visuales: forma, medida, color, textura.
    4. Elementos de relación: dirección, posición, espacio, gravedad.
    5.  Elementos prácticos: representación, significado, función.
  2. Interfaces Web.
    1. Interacción persona-ordenador.
    2. Diseño de una interfaz Web. Objetivos.
    3. Características: usable, visual, educativa y actualizada.
    4. Componentes de una interfaz Web.
      1. Zona de navegación.
      2. Zona de contenido e interación.
    5. Maquetación Web.
      1. Elementos de ordenación.
    6. Mapa de navegación.
      1. Prototipos.
    7. Detección de patrones.
      1. Principios de proximidad y de semejanza.
      2. Principios de simetría y de continuidad.
      3. Principios de cierre y de área o tamaño relativo.
      4. Principio de figura-fondo.
      5. Ley de simplicidad, pregnancia o buena forma.
    8. El color.
      1. Sistema RGB.
      2. Colores Seguros.
  3. Generación de documentos y sitios Web.
    1. Guías de estilo. Elementos.
      1. Fotos y logos.
      2. Tipografías.
      3. Colores.
      4. Iconografía.
      5. Estructura.
    2. Aplicaciones para desarrollo Web.
    3. Lenguajes de marcas.
    4. Tablas, capas, marcos.
    5. Plantilla de diseño.

 

  • Elementos del diseño: percepción visual.
  • Textura (puntos, línea, forma, volumen y profundidad).
  • Color, tipografía, iconos.
  • Interacción persona-ordenador.
  • Interpretación de guías de estilo. Elementos.
  • Detección de patrones.
  • Características: usable, visual, educativa y actualizada.
  • Generación de documentos y sitios Web.
  • Componentes de una interfaz Web.
  • Zonas de navegación, contenido, interacción.
  • Aplicaciones para desarrollo Web.
  • Lenguajes de marcas.Mapa de navegación. Prototipos.
  • Maquetación Web. Elementos de ordenación.
  • Tablas.
  • Capas.
  • Marcos.
  • Plantilla de diseño
Criterios de evaluación
RA CE Descripción Actividad Técnica Instrumento
RA1 1.a) Se ha reconocido la importancia de la comunicación visual y sus principios básicos. Examen 1 Técnica escrita Plantilla Corrección X
RA1 1.b) Se han analizado y seleccionado los colores y tipografías adecuados para su visualización en pantalla. Examen 1 Técnica escrita Plantilla Corrección X
RA1 1.c) Se han analizado alternativas para la presentación de la información en documentos Web. Examen 1 Técnica escrita Plantilla Corrección X
RA1 1.d) Se ha valorado la importancia de definir y aplicar la guía de estilo en el desarrollo de una aplicación Web. Online 1 Basada en la ejecución práctica Rúbrica X
RA1 1.e) Se han utilizado y valorado distintas aplicaciones para el diseño de documentos Web. Online 1 Basada en la ejecución práctica Rúbrica X
RA1 1.f) Se han utilizado marcos, tablas y capas para presentar la información de manera ordenada. Presencial 1 Basada en la ejecución práctica y observación Portafolio X
RA1 1.g) Se han creado y utilizado plantillas de diseño. Online 1 Basada en la ejecución práctica Rúbrica X

Licencia: licencia de software libre GPL