Introducción
Qué aprenderás para diseñar en modo oscuro
Ponte en contexto: para quién es este curso de diseño en modo oscuro
Fundamentos del Darkmode
Historia de los modos de las interfaces
¿Cómo vemos los humanos?
Ventajas del darkmode
Diseño claro vs. diseño oscuro
Ejemplos de diseño en darkmode
Quiz: Fundamentos del Darkmode
Diseñar en Darkmode
Consideraciones previas
Buenas prácticas en el diseño en darkmode
Darkmode para Android
Darkmode para iOS
Quiz: Diseñar en Darkmode
Despedida
Cómo diseñar en modo oscuro
Autoevaluación del Curso de Diseño en Modo Oscuro
You don't have access to this class
Keep learning! Join and start boosting your career
Dark mode design is not just a fad; it is an adaptive response to how humans perceive the world. To create design that truly resonates with users, it is crucial to understand the psychology and physiology behind our senses. Although all senses play a role, the sense of sight is predominant in digital design. Our visual perception depends not only on what our eyes see, but how our brain processes that information.
Vision is a complex process that involves both the eye and the brain. Here are the essential steps:
To see, we need light, either emitted (such as from a screen) or reflected (such as natural light bouncing off an object).
Light is the protagonist in visual perception. Whether emitted or reflected, it is indispensable for any optical interaction:
Comparing the human eye to a camera illustrates this dynamic by highlighting how resolution is limited by the capacity of the optic nerve and intraocular cells, such as cones and rods, that decode light.
The pupil acts as a gate that regulates the entry of light into the eye. Its size changes depending on the ambient light:
When the pupil adjusts rapidly to changes in light, it can cause spherical aberrations, resulting in out-of-focus images. A smaller pupil size minimizes these aberrations, increasing depth of field and reducing eyestrain.
As we age, the pupil tends to reduce in size, allowing less light to enter, which can make reading or detecting text more difficult. Additionally, susceptibility to glare is greater, accentuating eyestrain, especially at night.
Rapidly changing from bright to dark environments can cause contrast polarization, leading to eye and brain fatigue. For example, if we move quickly in and out between a lighted area and a dark warehouse, our eyes and brain must work harder, resulting in eyestrain.
Color perception is subjective and influenced by our emotions. Duller colors may appear more saturated if we are feeling cheerful. Although color perception may decline with age, the human brain compensates for this decline, allowing us to continue to appreciate vibrant colors.
Understanding how our senses, especially sight, perceive the world is essential to dark mode design. This approach not only seeks to reduce visual fatigue, but also to improve accessibility and comfort of use. As we delve deeper into the specific benefits of dark mode design, it is crucial to keep these physiological and emotional considerations in mind. If you're interested in learning more about how to apply these ideas in design, explore usability and design courses on Platzi. Keep exploring and designing with empathy and knowledge!
Contributions 10
Questions 0
“Lo que los ojos no ven y la mente no conoce, no existe.”
—David Herbert Lawrence
Me encanta el contexto científico e histórico que lleva el curso. 💯
Entonces Platzi entra en la categoría de “Fatiga visual”, ya que hay algunas partes de la web no están en el modo oscuro, como por ejemplo el perfil de usuario. Recuerden que este comentario se hizo el 1 de diciembre de 2021, no sé si esto ya lo cambiaron en el futuro.
¿Como vemos los humanos?
Comprender los fundamentos biológico de la vista es imprescindible para diseñar
Aplicaremos es con el sentido de la vista. el sentido de la vista no solo es lo que ve el ojo si no también lo que procesa el cerebro.
Existe dos forma de recibir información de luz
1. Luz emitida por ejemplo (ordenador, movil, tv
etc)
2. Luz reflejada (es cuando la luz proyecta en un área y ella transmite posterior una luz reflejada desde el área.
la pupila es quien Controla la cantidad de luz que enciende la célula de nuestra retina. Tenemos que tener en cuenta que la pupila es esa puerta de entrada a la retina y que atraviesa la luz hasta penetra al ojo
Mientras Mas luz se adapta nuestra pupila poniéndose pequeña y entre mas luz mas grande se pone nuestra pupila.
Polarización de contraste: es cuando el cambio de claro a oscuro de una manera brusca conseguimos fatiga visual y es algo que debemos evitar.
Mi resolución óptica está bien baja con -8 de miopía y 3 de astigmatismo 🤓 🤭
Siiiii Ciencia!!!
A manera de conclusión, podemos decir que para el ojo humano no son buenos los cambios bruscos de luz, ya que nos afectan a a largo plazo, favoreciendo la fatiga visual y el envejecimiento ocular. Tampoco es bueno tener un nivel muy alto de contraste, ni muy bajo.
.
Debemos estudiar muy bien la edad del usuario para que, dependiendo de a quién nos dirigimos, la interfaz que diseñemos deberá tener una paleta de colores acorde.
El Dark mode es muy útil cuando el usuario se encuentra en una situación de poca luz, gracias a este modo podemos disminuir la fatiga visual, esto corresponde al principio de Usabilidad y al principio de accesibilidad.
Aunque el dark mode es útil en una situación de poca luz para evitar la fatiga, este modo puede ocasionar fatiga cuando el usuario se encuentra en situación de extrema iluminación
Yo sufro de aberración atmosférica: c
Want to see more contributions, questions and answers from the community?