O ciò chì tene in mente quandu si sviluppa un modu scuru per una applicazione o un situ web
2018 hà dimustratu chì i modi scuri sò in strada. Avà chì simu à a mità di u 2019, pudemu dì cun fiducia : sò quì, è sò in ogni locu.
Cuminciamu cù u fattu chì u modu scuru ùn hè micca un cuncettu novu. Hè stata utilizata per un bellu pezzu. È una volta, in fattu, per un bellu pezzu, questu era l'unicu ciò chì anu utilizatu: i monitori eranu di a varietà "verde-on-black", ma solu perchè u revestimentu luminiscente in l'internu emette un splendore verde quandu espunutu à a radiazione. .
Ma ancu dopu à l'intruduzioni di i monitori di culore, u modu scuru cuntinuava à esiste. Perchè hè cusì?
Ci sò dui mutivi principali per quessa chì oghje ogni seconda persona hè in furia per aghjunghje un tema scuru à a so applicazione. Prima di tuttu: l'urdinatori sò in ogni locu. In ogni locu chì guardemu ci hè un tipu di schermu. Utilizemu i nostri dispositi mobili da a matina finu à a tarda notte. A prisenza di un modu scuru riduce a tensione di l'ochji quandu site in lettu prima di andà in lettu per l'"ultima volta" scrolling through your social feed. rete. (Se site cum'è mè, "ultima volta" puderia significà un scroll di 3 ore . Modu scuru? Iè, per piacè ! )
Un altru mutivu hè a nova tecnulugia di produzzione di display. I mudelli emblematici di e grande cumpagnie - Apple, Google, Samsung, Huawei - sò tutti equipati di schermi OLED, chì, à u cuntrariu di i display LCD, ùn anu micca bisognu di retroilluminazione. È questu hè veramente una bona nutizia per a vostra bateria. Imagine chì vi vede una maghjina di un quadru neru nantu à u vostru telefunu; cù un LCD, a retroilluminazione illuminarà tutta a pantalla ancu s'è a maiò parte hè nera. Ma quandu vede a listessa maghjina nantu à un display OLED, i pixelli chì custituiscenu u quadru neru sò simpliciamente disattivati. Questu significa chì ùn anu micca cunsumatu energia.
Questi tipi di display facenu i modi scuri assai più interessanti. Utilizendu una interfaccia scura, pudete allargà significativamente a vita di a bateria di u vostru dispositivu. . I modi scuri di sicuru vanu in manu cù i cambiamenti di l'interfaccia utente, allora andemu à rinfurzà a nostra cunniscenza!
Modi scuri 101
Prima di tuttu: "scuru" ùn hè micca listessu chì "negru". Ùn pruvate micca di rimpiazzà un sfondate biancu cù un neru, perchè questu serà impussibile di utilizà l'ombra. Un disignu cum'è questu serà super flat (in una mala manera).
Hè impurtante di mantene in mente i principii basi di ombrezza / illuminazione. L'uggetti chì sò più elevati duveranu esse più ligeri in l'ombra, simulendu l'illuminazione è l'ombra di a vita reale. Questu facilita a distinzione trà e diverse cumpunenti è a so ghjerarchia.
Dui quadrati grigi identici cù una ombra, unu nantu à un fondo neru 100%, l'altru in #121212. Quandu l'ughjettu s'alza, diventa un sfumatu più chjaru di grisgiu.
In un tema scuru, pudete ancu travaglià cù u vostru culore di basa regulare sempre chì u cuntrastu hè bè. Spieghemu cun un esempiu.
In questa interfaccia, l'azzione principale hè u grande buttone blu in a barra di fondu. Ùn ci hè micca prublema in quantu à u cuntrastu quandu si cambia trà u modu di luce o scuru, u buttone hè sempre attraente, l'icona hè chjaru, è in generale tuttu hè bè.
Quandu u listessu culore hè utilizatu in modi diffirenti, per esempiu in u testu, ci saranu prublemi. Pruvate aduprà una sfumatura (assai) menu saturata di u culore principale, o cercate altre manere di incorpore culori di marca in l'interfaccia.
A manca: Rossu nantu à u neru pare male. Giustu: riduce a saturazione è tuttu pare bè. - ca. traduzzione
U stessu passa per qualsiasi altri culori forti chì pudete avè usatu, cum'è i culori d'avvirtimentu o d'errore. Google usa una superposizione di strati bianchi 40% sopra à u culore di errore predeterminatu in u so quandu si passa à u modu scuru. Questu hè un bonu puntu di partenza perchè migliurà i livelli di cuntrastu per cunfurmà i standard AA. Pudete, sicuru, sempre cambià i paràmetri cum'è vede bè, ma assicuratevi di verificà i livelli di cuntrastu. Per via, un strumentu utile per questu scopu hè u plugin Sketch - , chì mostra esattamente quantu cuntrastu ci hè trà 2 strati.
Chì ci hè u testu ?
Tuttu hè simplice quì: nunda ùn deve esse 100% neru è 100% biancu è vice versa. U biancu riflette l'onda di luce di tutte e lunghezze d'onda, u neru assorbe. Se mette 100% testu biancu nantu à un fondo 100% neru, e lettere rifletteranu a luce, smear, è diventeranu menu leggibili, chì avarà un impattu negativu nantu à a leggibilità.
U stessu passa per un fondo biancu 100%, chì riflette troppu luce per fucalizza cumplettamente nantu à e parolle. Pruvate un pocu di u culore biancu, aduprate u grisu chjaru per sfondate è testu nantu à sfondi neri. Questu riducerà a tensione di l'ochji, prevenendu
U modu scuru hè quì è ùn andarà micca
A quantità di tempu chì passemu davanti à i schermi hè in constantemente crescente, è ogni ghjornu novu, novi schermi appariscenu in a nostra vita, da u mumentu chì ci svegliemu finu à chì dorme. Questu hè un fenomenu abbastanza novu; i nostri ochji ùn sò ancu abituati à questu aumentu di u tempu di schermu tardi à a sera. Questu hè induve u modu scuru entra in ghjocu. Cù l'intruduzioni di sta funzione in macOS è Material Design (è più prubabilmente in iOS), credemu chì prima o poi diventerà u predefinitu in tutte l'applicazioni, sia mobile sia desktop. È hè megliu esse preparatu per questu!
L'unicu mutivu per ùn implementà u modu scuru hè quandu site assolutamente 100% sicuru chì a vostra applicazione hè aduprata solu in a luce di u ghjornu. Questu, però, ùn succede micca spessu.
Vale a pena menzionate uni pochi di cose chì necessitaranu una attenzione speciale quandu implementanu u modu scuru, oltre i principii basi riassunti prima.
In quantu à l'accessibilità, u modu scuru ùn hè micca u più còmuda, postu chì u cuntrastu hè generalmente più bassu, chì à u turnu ùn migliurà a leghjibilità in tuttu.
Ma imaginate chì vi appruntate per u lettu, vulete veramente dorme, ma ghjustu prima di dorme, vi ricordate chì avete bisognu di mandà à qualchissia un missaghju super impurtante chì ùn pò micca aspittà ancu una notte. Pigliate u vostru telefunu, accende è AAAAAAH ... u fondu di luce di u vostru iMessage vi mantene svegliu per un'altra ore 3. Mentre u testu di luce nantu à un fondo scuru ùn hè micca cunsideratu u più accessibile, avè un modu scuru ghjustu questu seconda seria. aumentà a cunvenzione di un milione. Tuttu dipende di a situazione in quale l'utilizatore hè in u mumentu.
Hè per quessa chì credemu Modu scuru automaticu una idea cusì bella. Si accende à a sera è si spegne à a matina. L'utilizatore ùn hà mancu bisognu di pensà à questu, chì hè assai cunvene. Twitter hà fattu un bellu travagliu cù i so paràmetri di u modu scuru. Inoltre, anu solu un modu scuru è un modu ancu più scuru per tutti questi schermi OLED, salvendu a bateria è tuttu ciò chì hè ligatu. Hè impurtante à nutà quì: dà à l'utilizatori l'uppurtunità di cambià manualmente quandu ellu vole: ùn ci hè nunda di peggiu chè cambià automaticamente l'interfaccia senza a capacità di cambià.
Twitter hà un modu scuru automaticu chì si accende à a sera è si spegne in a matina.
Inoltre, quandu si sviluppa un tema, vale a pena tene in mente chì certe cose ùn ponu micca esse scuru.
Pigliate un editore di testu cum'è Pages. Pudete fà l'interfaccia scura, ma u fogliu stessu serà sempre biancu, simulendu un veru fogliu di carta.
Pagine cù u modu scuru attivatu
U stessu passa per tutti i tipi di editori di creazione di cuntenutu, cum'è Sketch o Illustrator. Ancu s'è l'interfaccia pò esse scura, l'artboard cù quale travaglià serà sempre biancu per difettu.
Sketch in modu scuru è avete sempre una tavola bianca luminosa.
Dunque, indipendentemente da l'app, credemu chì i modi scuri venenu nativu à u sistema operatore chì utilizate, vale à dì chì hè megliu per preparà per u futuru. sarà scuru.
Se vulete sapè più nantu à u sviluppu di UI scure, assicuratevi di verificà e linee guida , Questa era a nostra principale fonte d'infurmazione per questu articulu.
Source: www.habr.com