Dark UI - Hvorfor, hvornår & hvor?

Efter at have defineret produktstrukturen, er det tid til at begynde at arbejde med udseendet og fornemmelsen. På dette tidspunkt bør designeren tænke på det passende farveskema for at målrette produktets målgruppe.

Den sikreste beslutning - for det meste - er at vælge et hvidt tema. I de fleste tilfælde er en hvid baggrund lettere at arbejde med af 1 enkle grund: sort tekst på hvid baggrund betyder bedre kontrast, scanningsopfattelse og læsbarhed.

For et par måneder siden blev jeg tildelt et sportsrelateret projekt. Så det virkede som den perfekte situation at sætte mine færdigheder på prøve og gå over til 'Dark Side'.

@ Lucas Films 'ejendom

Det var ingen overraskelse, at jeg begyndte at stå over for brugervenlighedsproblemer, i det øjeblik jeg begyndte at 'farve' wireframes. Stor UX starter med stor læsbarhed og høj kontrast mellem tekst og baggrund. Så med andre ord betyder sort tekst på hvid baggrund optimeret læsbarhed.

Men prøv hvid tekst på en mørk baggrund, og historien ændrer sig lidt.

For at garantere læsbarhed og for at have en positiv indflydelse på produktets ydelse skal du være parat til at gennemgå en omhyggelig proces med fontvalg.

Men lad os tage et par skridt tilbage. Hvis Dark UI har alle disse problemer, hvorfor valgte jeg det til at begynde med?

  1. Dets formål. Projektet er sportsrelateret, og sort er ofte forbundet med magt, elegance og prestige.
  2. Det er ikke tekstcentreret. I modsætning til en blog, der indeholder store blokke med tekst, er den ikke informationstung.
  3. For at reducere belastningen på øjet. Da vi forventer, at brugere skal opholde sig i lange perioder, kan et mørkere skema reducere øjenbelastningen.

Så hvornår fungerer det godt?

For at matche det dårlige lys i din stue, når du ser tv, vælger produkter som filmstreamingtjenester og spilkonsoller normalt et mørkt tema UI.

Når det smelter sammen med miljøet, hjælper det det vigtige indhold med at skille sig ud, når du sidder langt væk fra tv'et.

Netflix-app - iOSFodboldchef 2018

Mørke-tema UI'er kan også hjælpe med at forbedre oplevelsen, når brugerne opholder sig i lange perioder.

Udviklere arbejder mange timer om dagen foran en computer ved hjælp af deres kodedigeringssoftware. Den mørke brugergrænseflade hjælper dem ikke kun med belastning af øjne, men den skaber også tilstrækkelig kontrast på forskellige kodekoder, hvilket gør det lettere at hurtigt scanne koden.

Sublim tekst 3

Overvejelser:

Mindre kontrast betyder bedre kontrast

Selvom det er sandt i traditionel forstand, er hvide elementer på en mørk baggrundgrænseflade ikke den ideelle måde at fremhæve indhold på. Den meget kontrast øger belastningen på øjnene og er ikke nødvendig for elementer at skille sig ud. Men vær opmærksom på ældre skærmkontraster.

Masser af tekst? Bliv i lyset!

Som nævnt før, hvis webstedets indhold er teksttungt, er brugen af ​​en hvid baggrund ideel for at sikre læsbarhed. Dette betyder ikke nødvendigvis, at hele websitet skal være hvidt. Et enkelt afsnit kan være nok til at være vært for det tekstbaserede indhold.

Rocket.Chat Blog-artikel

Lysere skrifttyper for et dristigere udseende

På grund af vores øjnes opfattelse af lys og mørk, vil hvid tekst på en mørkere baggrund altid se dristigere ud end dens modstykke. Det betyder, at du nogle gange skal have baggrundsspecifikke fontvægte i dit design.

For meget plads er aldrig nok

Sørg for at være generøs med afstanden mellem dine designelementer på en mørk baggrund. Så når du er færdig, tilføj lidt mere plads. Dette er med til at afbalancere indholdet og øge læsbarheden og synligheden.

Afsluttende tanker

En let brugergrænseflade er altid den sikre satsning, men i nogle tilfælde kan en mørk brugergrænseflade være en vinder. Så vælg klogt.

Tjek design af Significa på Dribbble and Behance