Learning page
by programmerprojectmari @programmerprojectmari
- 187
- 2
- 1
Introducción
He diseñado una learning page en Figma con una teoría de color que genera un contraste visualmente equilibrado, ofreciendo comodidad a la vista. La paleta emplea tonos suaves para el fondo, combinados con acentos más vibrantes que atraen la atención sin resultar molestos. Este enfoque asegura que los usuarios puedan navegar y aprender de manera fluida, con una experiencia visual agradable y relajante.

Materiales
Para mi diseño, utilicé Figma como herramienta principal, donde seleccioné una paleta de colores que logra un equilibrio visual y atractivo. Los colores que elegí son los siguientes:
#454868 (Azul grisáceo): Este tono se utiliza como base en el diseño, proporcionando estabilidad y un ambiente profesional.
#ED80FD (Rosa neón): Añade un toque vibrante y moderno, ideal para resaltar elementos clave como botones o llamados a la acción.
#FD909E (Rosa suave): Complementa el rosa neón, aportando una sensación cálida y accesible sin perder dinamismo.
#5961F9 (Azul vibrante): Este azul crea una sensación de energía y creatividad, destacando secciones importantes y ofreciendo contraste con otros colores.
#010851 (Azul profundo): Utilizado para generar contraste y enfatizar áreas clave, aporta una sensación de elegancia y sofisticación.
#FFFFFF (Blanco): El blanco proporciona claridad, espacio y mejora la legibilidad, creando una base limpia para los demás colores.
La combinación de estos colores genera una atmósfera visualmente atractiva y cómoda para el usuario, asegurando una experiencia de navegación fluida y equilibrada.
Learning page
La página web que he diseñado busca ofrecer una experiencia visual atractiva y equilibrada, con colores que no solo complementan el contenido, sino que también guían al usuario de manera intuitiva. La base en #454868 (azul grisáceo) establece una atmósfera profesional y tranquila, mientras que el #FFFFFF (blanco) proporciona claridad y espacio, haciendo que el contenido sea fácil de leer y navegar.
El uso de #ED80FD (rosa neón) y #FD909E (rosa suave) aporta toques de energía y calidez, ideales para llamar la atención hacia botones, enlaces y llamadas a la acción. Estos tonos, junto con el vibrante #5961F9 (azul vibrante), crean un contraste visual que mantiene la atención del usuario sin resultar abrumador.
Finalmente, el #010851 (azul profundo) se utiliza para resaltar elementos clave, como encabezados y secciones importantes, proporcionando una sensación de sofisticación y elegancia.
Este diseño está pensado para ser moderno, dinámico y cómodo, generando una atmósfera que invita a explorar y a interactuar de manera fluida y agradable.


1 comment
Fantastic work, thanks for taking the course!
Log in or join for Free to comment