Logo de Dallonses

Dark Mode

Què és el dark mode?

El dark mode és un esquema de color que canvia els fons clars per foscos, amb text clar a sobre. La majoria dels sistemes operatius, navegadors i apps ja l'ofereixen, sovint lligat a un ajust del sistema que canvia al capvespre o segons un horari.

És més que una mà de pintura. Ben fet, el dark mode redueix la fatiga visual amb poca llum, estalvia bateria en pantalles OLED on els píxels negres amb prou feines consumeixen energia i dona a l'usuari una elecció real sobre com se sent un producte. Mal fet, és text blanc pur sobre negre pur, cosa que provoca un efecte de halo anomenat halació que dificulta la lectura. Un bon dark mode fa servir negres suavitzats, contrast ajustat i ombres repensades, ja que les ombres amb prou feines es registren sobre una superfície fosca. Una app de lectura feta servir al llit de nit és el cas obvi on el dark mode deixa de ser un caprici i es converteix en la raó que algú la continuï fent servir.

Construir-lo bé significa dissenyar dues paletes coherents des del principi, normalment mitjançant tokens de disseny que canvien de tema sense tocar cada component. També ha de respectar la preferència del sistema de l'usuari en lloc de forçar una elecció.

El Dark Mode a Dallonses

Dissenyem el dark mode com un tema real, no com una inversió d'última hora. Això significa construir un sistema de color des del principi on totes dues paletes aguantin, el contrast continuï sent accessible i el canvi no costi res en temps d'execució. La nostra feina de disseny UI tracta el theming com una base, gestionada amb tokens perquè un producte pugui portar un sol mode o tots dos sense reconstruir.

La part honesta és saber quan importa el dark mode i quan no. Un producte de lectura o de mitjans sovint viu o mor per ell. Un lloc de màrqueting curt rarament el necessita. Prenem aquesta decisió amb tu, i quan el dark mode entra, rep la mateixa cura que el mode per defecte. El disseny d'experiència d'usuari va de respectar com i on fa servir la gent un producte de veritat, inclosa la nit amb els llums apagats.

Vols un producte que es vegi bé amb qualsevol llum? Dissenyem els dos modes com cal.

Parlem de disseny

Serveis relacionats


Preparat per a traballar junts?

Reserva una reunió
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant