Ejemplos de diseño en darkmode

Lo de Twitter 😂 es totalmente cierto jajaja y algo similar pasa con Platzi:

• El nuevo diseño que han venido implementando es en modo oscuro (con un azul oscuro de fondo para resaltar lo demás y el verde Platzi para indicar lo importante o acciones)

• Pero vas a iniciar sesión y te encuentras con el login en modo blanco aún (el perfil también)

Les comparto mis observaciones 👀

Patrones en Dark Mode:

• El fondo: es el color más oscuro de nuestra paleta de colores
• Barras de menú: que están a la izquierda o en la parte superior, con un tono ligeramente más claro
• Las cards: suelen tener un gris claro
• Los divisores: tienen un tono un poco más claro que las cards
• Los botones: son las llamadas al acción, por lo que se colocan el color de acento de la marca

• Usaron pocos tonos de gris y los usados son muy claros.
• El diseño está muy cargado de elementos, antes de aplicar el modo oscuro deberían limpiar un poco el diseño de las barras de herramientas.
• En los iconos hay colores que se pueden unificar
• El usuario debería decidir si quiere aplicar modo oscuro a la hoja, como se hace en los libros de la app de kindle.

Hay demasiado contrastante. Al ser un programa enfocado en el texto entiendo que es necesario que la hoja sea blanca. El color de las letras de la barra de herramientas quizás debió ser mas gris. Pero lo correcto sería dejarlas en blanco y usar un fondo mas claro para evitar ese contraste con la hoja y las letras. Por ejemplo como este tema de Edge.

Recomiendo este artículo como referencia.

Existe algun curso para realizar un email en dark mode?

Word esta enfocado en texto, por ende va a tener muchas letras y no es recomendable usar modo oscuro.

Anexo mis comentarios respecto al ejemplo que mostró al final de la interfaz de Microsoft Word: Considero que es una mala práctica ya que el Dark Mode es contrastado demasiado por el fondo blanco del documento, haciendo una mala combinación de colores que son muy contrastantes. Además, se agrega el hecho de que este contraste ocurre en una gran porción de la pantalla, lo que puede favorecer la molestia ocular del usuario y la consecuente fatiga visual.

Opinión sobre el modo oscuro de Word:

Casi siempre prefiero el modo dark, de hecho le bajo el brillo a mis dispositivos móviles porque suele lastimarme mucha luz. Pero estoy totalmente de acuerdo que para word de microsoft es horrible usar el modo oscuro por el DESGATE visual que se hace al trabajar tus textos en una caja muy luminosa (la simulación de la hoja blanca) y pasar al panel de herramientas muy oscuro. No hay forma de equilirar la luz del monitor para brindar un balance a esa descompensación.

Es el color de la hoja. Debería ser Vintage. De hecho el vintage esmucho más cómodo para leer que el oscuro total, al menos en textos. EL cerebro percibiera mejor el Vintage.