Saltar la navegación

3. Pautas para el diseño

¿Por qué son importantes?

Imagen promocional del proyecto REA Andalucía

Usar un estilo común te permite...

1. Homogeneizar el aspecto visual y el estilo lingüístico.

2. Ofrecer identidad a todos los materiales.

3. Ofrecer un diseño acorde a los principios pedagógicos y objetivos del proyecto.

Esto repercute en el producto final que se ofrece al alumnado, ya que facilita la comprensión de la información, su uso y navegabilidad.

El estilo EducaAnd para eXeLearning

Aspecto visual propio de la Consejería de Educación y Deporte de la Junta de Andalucía para eXeLearning
Ejemplo del estilo EducaAnd Escolares
Elaboración propia. Captura de pantalla de ejemplo de REA con estilo EducaAnd (CC BY-NC-SA)

¿Cómo es el estilo EducaAnd?

  • El estilo EducaAnd ha sido diseñado por la Dirección General de Formación del Profesorado e Innovación educativa.
  • Nace con el propósito de apoyar al profesorado de Andalucía en la creación de REA.
  • Permite:

homogeneizar los recursos creados con eXeLearning,

facilitar que el alumnado progrese en su aprendizaje manteniendo un diseño atractivo, accesible y común

y aportar recursos al banco de recursos abiertos.

Dispones de dos tipos de formato para el estilo EducaAnd. Despliega la pestaña para verlos:

Escolares

Ejemplo Estilo Escolares

Adultos

Ejemplo Estilo Adultos

Características principales del estilo

Ejemplo iconoejemplo icono 1Ejemplo iconoEjemplo iconoEjemplo iconoEjemplo icono

  • Optamos por una base pictográfica común para las dos versiones (Escolares y Adultos).
  • Estilo moderno: los bordes de los flag icon enmarcados por una forma geométrica son redondeados.
  • Alto contraste: fondo blanco con línea de contorno de color y fondo de color con línea de contorno blanca.

Fuentes

  • El tamaño de la fuente es 14px/1.2em.
  • La fuente elegida es  Atkinson hyperlegible, creada por el Instituto Braille que posee una mayor legibilidad para lectores de baja visión.
  • El interlineado es 1.6.
  • El contraste fondo-fuente ha validado el nivel AA de la WCAG.
  • La alineación por defecto es la izquierda.
  • Caracteres de idiomas como griego, árabe, chino y ruso se visualizan correctamente.

Colores de texto

  • Morado: #784aba RGB: 120/74/186
  • Azul: #0065ab RGB: 0/101/171
  • Verde: #00843d RGB: 0/132/61
  • En Escolares, difiere el verde y sería #549b0d RGB:84/155/13

¿Qué es eXeLearning? Primeros pasos

Logo eXelearning

ExeLearning es una herramienta de código abierto que permite crear REA. Es libre y abierto y con él puedes crear contenidos educativos de una manera sencilla.

1. Descarga e instala la última versión de eXeLearning (eLearning XHTML editor) para comenzar a crear REA con estilo EducaAnd.

https://exelearning.net/descargas/

2. Accede al manual eXeLearning 2.6. Tutorial para comenzar a crear tus contenidos desde cero.

https://descargas.intef.es/cedec/exe_learning/Manuales/manual_exe26/

3. Visita la web de eXeLearning para ampliar información:

https://exelearning.net/

Descarga el estilo EducaAnd

Instala el estilo EducaAnd