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

Descarga y guarda las carpetas

Descarga las dos carpetas de estilos que tienes en el apartado anterior y guárdalas en tu ordenador. 

Captura Descarga

Haz clic y activa el Usuario Avanzado

Usuario avanzado

Menú Gestor de Estilos

Ahora en la opción Estilos del Menú, haz clic en Gestor de Estilos y de nuevo en Importar Estilos

Importar estilos

Elige las carpetas comprimidas de los estilos

Elegir la carpeta del estilo

Elige las carpetas comprimidas de los estilos

Éxito en la importación

Se muestra un mensaje de éxito. Repite el proceso para importar el otro estilo si lo necesitas. 

Éxito en la importación

O bien puedes seguir este otro procedimiento

Descarga y guarda las carpetas del Estilo en tu ordenador

Descarga y guarda

 Descomprime las carpetas que has guardado y cópialas

Selecciona un archivo comprimido cada vez y haciendo clic en el botón derecho del ratón, elige la opción EXTRAER y la ruta donde guardar el archivo descomprimido (puede ser la misma donde guardaste el archivo comprimido). 
Selecciona

Ahora selecciona los dos archivos descomprimidos y haciendo clic en el botón derecho del ratón, elige la opción COPIAR. 

Copiar

Abre la carpeta style de exe

Archivos de programa > exe> style

style de exe

Pega las carpeta Educaand_Escolares y Educaand_Adultos en la carpeta Style de exe

Pega la carpeta en style