Of wat om in gedagte te hou wanneer 'n donker modus vir 'n toepassing of webwerf ontwikkel word
2018 het gewys dat donker modusse op pad is. Noudat ons halfpad deur 2019 is, kan ons met selfvertroue sê: hulle is hier, en hulle is oral.
Kom ons begin met die feit dat donker modus glad nie 'n nuwe konsep is nie. Dit word al lankal gebruik. En eens op 'n tyd, trouens, vir 'n lang tyd, was dit die enigste ding wat hulle gebruik het: monitors was van die "groen-op-swart" variëteit, maar net omdat die luminescerende laag binne 'n groenerige gloed uitstraal wanneer dit aan bestraling blootgestel word .
Maar selfs na die bekendstelling van kleurmonitors het donker modus bly bestaan. Hoekom is dit so?
Daar is twee hoofmotiewe wat verduidelik hoekom elke tweede persoon vandag haastig is om 'n donker tema by hul toepassing te voeg. Eerstens: rekenaars is oral. Oral waar ons kyk is daar 'n soort skerm. Ons gebruik ons mobiele toestelle van die oggend tot laat in die nag. Die teenwoordigheid van 'n donker modus verminder oogstremming wanneer jy in die bed is voordat jy vir die "laaste keer" gaan slaap en deur jou sosiale stroom blaai. netwerke. (As jy soos ek is, kan "laaste keer" 'n 3-uur-rol beteken . Donker modus? Ja asseblief! )
Nog 'n rede is nuwe vertoningsproduksietegnologieë. Vlagskipmodelle van groot maatskappye - Apple, Google, Samsung, Huawei - is almal toegerus met OLED-skerms, wat, anders as LCD-skerms, nie agtergrondbeligting benodig nie. En dit is regtig goeie nuus vir jou battery. Stel jou voor dat jy 'n beeld van 'n swart vierkant op jou foon bekyk; met 'n LCD sal die agtergrond die hele skerm verlig al is die meeste daarvan swart. Maar wanneer dieselfde beeld op 'n OLED-skerm gekyk word, word die pixels waaruit die swart vierkant bestaan eenvoudig afgeskakel. Dit beteken hulle verbruik glad nie energie nie.
Hierdie tipe skerms maak donker modusse baie interessanter. Deur 'n donker koppelvlak te gebruik, kan jy die batterylewe van jou toestel aansienlik verleng. . Donker modusse gaan natuurlik hand aan hand met UI-veranderinge, so kom ons verbeter ons kennis!
Donker modusse 101
Eerstens: “donker” is nie dieselfde as “swart” nie. Moenie probeer om 'n wit agtergrond met 'n swart een te vervang nie, want dit sal dit onmoontlik maak om skaduwees te gebruik. 'n Ontwerp soos hierdie sal super plat wees (op 'n slegte manier).
Dit is belangrik om die basiese beginsels van skadu/beligting in gedagte te hou. Voorwerpe wat meer verhewe is, moet ligter in skaduwee wees, wat werklike beligting en skadu simuleer. Dit maak dit makliker om tussen die verskillende komponente en hul hiërargie te onderskei.
Twee identiese grys blokkies met 'n skaduwee, een op 'n 100% swart agtergrond, die ander op #121212. Soos die voorwerp styg, word dit 'n ligter skakering van grys.
In 'n donker tema kan jy steeds met jou gewone basiskleur werk solank die kontras in orde is. Kom ons verduidelik met 'n voorbeeld.
In hierdie koppelvlak is die hoofaksie die groot blou knoppie in die onderste balk. Daar is geen probleem in terme van kontras wanneer daar tussen lig of donker modus gewissel word nie, die knoppie is steeds opvallend, die ikoon is duidelik, en oor die algemeen is alles in orde.
Wanneer dieselfde kleur op verskillende maniere gebruik word, byvoorbeeld in teks, sal daar probleme wees. Probeer om 'n (veel) minder versadigde skakering van die hoofkleur te gebruik, of soek ander maniere om handelsmerkkleure in die koppelvlak in te sluit.
Links: Rooi op swart lyk sleg. Regs: verminder die versadiging en alles lyk goed. — ongeveer. vertaling
Dieselfde geld vir enige ander sterk kleure wat jy dalk gebruik het, soos waarskuwings- of foutkleure. Google gebruik 'n 40% wit laag-oorleg bo-op die verstekfoutkleur in hul wanneer na donker modus oorgeskakel word. Dit is 'n redelike goeie beginpunt aangesien dit die kontrasvlakke sal verbeter om by AA-standaarde te pas. Jy kan natuurlik altyd die instellings verander soos jy goeddink, maar maak seker dat jy die kontrasvlakke nagaan. Terloops, 'n nuttige hulpmiddel vir hierdie doel is die Sketch-inprop - , wat presies wys hoeveel kontras daar tussen 2 lae is.
Wat van die teks?
Alles is eenvoudig hier: niks moet 100% swart en 100% wit wees nie en omgekeerd. Wit weerspieël liggolwe van alle golflengtes, swart absorbeer. As jy 100% wit teks op 'n 100% swart agtergrond plaas, sal die letters lig weerkaats, smeer en minder leesbaar word, wat die leesbaarheid negatief sal beïnvloed.
Dieselfde geld vir 'n 100% wit agtergrond, wat te veel lig weerkaats om ten volle op die woorde te fokus. Probeer om die wit kleur effens sagter te maak, gebruik liggrys vir agtergronde en teks op swart agtergronde. Dit sal oogspanning verminder, voorkoming
Donker modus is hier en sal nie verdwyn nie
Die hoeveelheid tyd wat ons voor skerms deurbring, groei voortdurend, en elke nuwe dag verskyn nuwe skerms in ons lewens, van die oomblik dat ons wakker word totdat ons aan die slaap raak. Dit is 'n redelik nuwe verskynsel; ons oë is nog nie gewoond aan hierdie toename in skermtyd laat in die aand nie. Dit is waar donker modus ter sprake kom. Met die bekendstelling van hierdie kenmerk in macOS en Materiaalontwerp (en heel waarskynlik in iOS), glo ons dat dit vroeër of later die verstek sal word in alle toepassings, beide mobiele en rekenaars. En dit is beter om hiervoor voorbereid te wees!
Die enigste rede om nie donker modus te implementeer nie, is wanneer jy absoluut 100% seker is dat jou toepassing uitsluitlik in helder daglig gebruik word. Dit gebeur egter nie gereeld nie.
Dit is die moeite werd om 'n paar dinge te noem wat spesiale aandag sal verg by die implementering van donker modus, buiten die basiese beginsels wat vroeër opgesom is.
Wat toeganklikheid betref, is donker modus nie die gerieflikste nie, aangesien die kontras oor die algemeen laer is, wat op sy beurt glad nie die leesbaarheid verbeter nie.
Maar verbeel jou jy maak gereed vir die bed, jy wil regtig slaap, maar net voor jy aan die slaap raak, onthou jy dat jy vir iemand 'n super belangrike boodskap moet stuur wat nie eers een aand kan wag nie. Jy gryp jou foon, skakel dit aan en AAAAAAH... die ligte agtergrond van jou iMessage sal jou vir nog 3 ure wakker hou. Terwyl ligte teks op 'n donker agtergrond nie as die mees toeganklike beskou word nie, sal 'n donker modus op hierdie sekonde verhoog gerief met 'n miljoen. Dit hang alles af van die situasie waarin die gebruiker op die oomblik is.
Dis hoekom ons glo outomatiese donker modus so 'n cool idee. Dit skakel saans aan en skakel soggens af. Die gebruiker hoef nie eers daaraan te dink nie, wat baie gerieflik is. Twitter het goeie werk gedoen met sy donkermodus-instellings. Daarbenewens het hulle beide net 'n donker modus en 'n selfs donkerder modus vir al hierdie OLED-skerms, wat battery bespaar en alles wat daarmee verband hou. Dit is belangrik om hier op te let: gee die gebruiker die geleentheid om handmatig oor te skakel wanneer hy wil: daar is niks erger as om die koppelvlak outomaties te verander sonder die vermoë om terug te skakel nie.
Twitter het 'n outomatiese donker modus wat in die aand aanskakel en in die oggend afskakel.
Ook, wanneer 'n tema ontwikkel word, is dit die moeite werd om in gedagte te hou dat sommige dinge eenvoudig nie donker gemaak kan word nie.
Neem 'n teksredigeerder soos Pages. Jy kan die koppelvlak donker maak, maar die vel self sal altyd wit wees, wat 'n regte vel papier naboots.
Bladsye met donker modus geaktiveer
Dieselfde geld vir alle soorte inhoudskepping-redakteurs, soos Sketch of Illustrator. Alhoewel die koppelvlak donker gemaak kan word, sal die kunsbord waarmee jy werk, by verstek altyd wit wees.
Skets in donker modus en het steeds 'n helder wit kunsbord.
Dus, ongeag die toepassing, glo ons dat donker modusse inheems sal wees aan die bedryfstelsel wat jy gebruik, wat beteken dat dit die beste is om vir die toekoms voor te berei. dit sal donker wees.
As jy meer wil leer oor die ontwikkeling van donker UI's, kyk gerus na die riglyne , dit was ons hoofbron van inligting vir hierdie artikel.
Bron: will.com