Création d’un dark mode: Explorer iExec
De nos jours, le Dark Mode (ou mode sombre ou dark theme) devient de plus en plus tendance dans le monde des applications (principalement sur smartphone). On peut le retrouver sur des applications populaires telles que Instagram, Twitter, WhatsApp ou encore Facebook.
Les principaux fabricants de smartphones ont même ajouté l’option dans les paramètres de leur système d’exploitation, Android et Apple.
Éviter le vrai noir (#000000)
Pour le mode sombre, le blanc n’a pas besoin d’être remplacé par du noir pur (#000). En fait, ce contraste très élevé peut être pénible à lire. Il est donc préférable d’utiliser un gris foncé comme couleur de fond principale.
Petite astuce sur Illustrator pour le faire:
Plusieurs avantages :
- Un texte clair sur une surface gris foncé a moins de contraste que du texte clair sur une surface noire, il sera plus lisible.
- Le gris permet aussi l’utilisation d’une plus large gamme de couleurs, et donc une hiérarchisation plus simple de l’information.
- Il est aussi plus facile d’appréhender les ombres (et donc la profondeur) sur un fond gris plutôt qu’un fond noir.
Donner de la profondeur
Laisser la possibilité à l’utilisateur d’activer / désactiver l’option
Il est préférable de ne pas imposer ce mode. Il peut être proposé à l’utilisateur, soit par un icône directement accessible dans le header, soit dans les paramètres du site ou de l’application.
Interface iExec Explorer réalisé:
Dark mode
White mode