BlogSHIFT

Estilos de diseño que puede adoptar al crear un curso eLearning [+ Ejemplos]

Written by Karla Gutierrez | Thu, Feb 23, 2017 @ 06:26 PM

Año nuevo, diseños nuevos. El 2017 tiene algunas tendencias de diseño interesantes que pueden elevar su estrategia eLearning al siguiente nivel (si sabe cómo usarlas adecuadamente por supuesto).

Antes de comenzar, cabe destacar que no todas estas tendencias son las indicadas para cada situación y el intentar combinar diferentes estilos hará que sus cursos abrumen al usuario en vez de ser llamativos. Además, recuerde que "porque se ve bien" no es una razón suficiente para adoptar un determinado estilo, todo lo que haga debe responder a su público meta y a los objetivos de aprendizaje, así como al tipo de contenido.

 

Ahora, veamos cuales son estas tendencias y cómo podría aplicarlas en sus diseños de eLearning para lograr pantallas más llamativas:

1) Las caricaturas o dibujos animados nunca pasarán de moda 

Tome un descanso de aquellos estilos corporativos aburridos para sus diseños de eLearning e inyecte personalidad con caricaturas o dibujos animados. Crecimos viendo personajes ficticios, y aunque no quisiéramos ver las mismas cosas que observamos como niños, el estilo colorido y vivo aún resuena con los adultos.

Es importante considerar adoptar este estilo según la audiencia y el tipo de contenido, pero si decide que es el indicado, sin duda alguna hará el diseño más atractivo, y tendrá más posibilidades de atraer y mantener la atención de los estudiantes.

Vea este ejemplo desarrollado por Sam Oxely para el sitio web de Digital Ocean:

2) Ilustraciones 

Las ilustraciones tomarán más impulso este año ya que no hay mejor manera de llamar la atención o contar una  historia que con el apoyo de un elemento visual creativo como este.

Además, las ilustraciones, como los ejemplos adjuntos, ayudan a marcar un estilo y a crear cohesión en un curso eLearning. Con tantos tipos de ilustraciones para elegir, puede ser una manera fácil de establecer un tono para su curso.

Images by Ibnu Mas and Josh Warren

3) Foto Realismo

Observe este ejemplo detenidamente. Más que un título llamativo, un párrafo informativo y una lista de ingredientes, vemos una imagen de fondo con ingredientes y utencilios reales. A partir de esta imagen, los estudiantes obtienen una versión más realista del contenido. Esto hace que su diseño parezca más tangible y más humano que solamente utilizar un fondo a color, ¿No cree?

4) Tipografías grandes

Este año, la tipografía será algo más que palabras.

Cada empresa tiene ya su tipografía corporativa básica por emplear en los cursos… y ¡desde luego es importante seguir usándola para crear consistencia visual! Pero la idea es acompañarla con alguna otra diferente en los títulos o en imágenes. Siempre que estas sean legibles y que transmitan alguna emoción o sensación especial.

Este 2017, usted verá fuentes más audaces y con más personalidad en las paginas web.  Casi que se convierten en elementos protagonistas de un diseño.Los diseñadores eLearning podrán innovar e implementar está tendencia para llamar más la atención de su audiencia meta. 

Por ejemplo, las tipografía vintage y retro se empezarán a ver con más frecuencia. También las fuentes minimalistas seguirán tomando terreno ya que dan un “look” muy elegante y fácil de leer.

Image source: www.thebestdesigns.com

5) Colores brillantes y gradientes 

Este año los colores fuertes y los gradientes de dos tonos estarán presentes. El verde será especialmente utilizado por los diseñadores ya que Pantone escogió el tono “Greenery” como el color del 2017 (como un símbolo de nuevos comienzos).

El famoso concepto de diseño denominado por Google “Material Design” ha hecho que ciertas combinaciones de color estén a la moda también. Los conceptos de color del Material Design no solo son intensos, sino también brillantes. La idea bajo esta tendencia se trata de no estar confinados a grandes bloques de colores complementarios, sino de usar un par de colores en sus diferentes tonos y gradientes. 

Vea algunos ejemplos de paletas de colores aquí: https://material.io/guidelines/style/color.html#color-color-palette

Algunos sitios útiles para elegir paletas de colores incluyen: Material Design Palette y MaterialUI.

Las fotografía “Duotone” también serán utilizadas en el 2017. Estas fotos utilizan dos colores para hacer una clase de foto blanco y negro alternativa con letras en contraste u otros elementos como la foto de abajo. Usted probablemente ya ha notado este tipo de esquema de color de la foto en sitios populares como Spotify.

Image source: www.cssdesignawards.com

Más que sólo apariencias: Estos colores brillantes no solamente lograrán que las pantallas de sus cursos eLearning se vean bien o capten la atención. También mejorarán la experiencia del usuario al crear botones y elementos de navegación que sea más fáciles de ver y utilizar.