Ili što treba imati na umu kada razvijate tamni način rada za aplikaciju ili web mjesto
2018. je pokazala da su tamni načini rada na putu. Sada kada smo na polovici 2019. godine, možemo sa sigurnošću reći: tu su i posvuda su.
Počnimo s činjenicom da tamni mod uopće nije nov koncept. Koristi se dosta dugo. I nekad davno, zapravo dugo, to je bilo jedino što su koristili: monitori su bili varijante "zeleno na crno", ali samo zato što je luminescentni premaz iznutra emitirao zelenkasti sjaj kada je bio izložen zračenju .
No čak i nakon uvođenja monitora u boji, tamni način rada nastavio je postojati. Zašto je to tako?
Dva su glavna motiva koja objašnjavaju zašto se danas svaka druga osoba žuri dodati mračnu temu svojoj aplikaciji. Prije svega: računala su posvuda. Kamo god pogledamo postoji neka vrsta paravana. Svoje mobilne uređaje koristimo od jutra do kasno u noć. Prisutnost tamnog načina rada smanjuje naprezanje očiju kada ste u krevetu prije nego što odete u krevet po "posljednji put" listajući svoj društveni feed. mreže. (Ako ste poput mene, "posljednji put" može značiti 3-satno listanje . Tamni način rada? Da molim! )
Drugi razlog su nove tehnologije proizvodnje zaslona. Vodeći modeli velikih kompanija - Apple, Google, Samsung, Huawei - svi su opremljeni OLED zaslonima, koji, za razliku od LCD zaslona, ne zahtijevaju pozadinsko osvjetljenje. I to je stvarno dobra vijest za vašu bateriju. Zamislite da na svom telefonu gledate sliku crnog kvadrata; s LCD-om, pozadinsko osvjetljenje će osvijetliti cijeli zaslon iako je veći dio crn. Ali kada gledate istu sliku na OLED zaslonu, pikseli koji čine crni kvadrat su jednostavno isključeni. To znači da uopće ne troše energiju.
Ove vrste zaslona čine tamne načine puno zanimljivijima. Korištenjem tamnog sučelja možete značajno produžiti trajanje baterije vašeg uređaja. . Tamni modovi naravno idu ruku pod ruku s promjenama korisničkog sučelja pa obnovimo naše znanje!
Tamni načini rada 101
Prije svega: "tamno" nije isto što i "crno". Ne pokušavajte bijelu pozadinu zamijeniti crnom jer ćete tako onemogućiti korištenje sjena. Ovakav dizajn bit će super ravan (na loš način).
Važno je imati na umu osnovne principe sjenčanja/osvjetljenja. Objekti koji su više uzdignuti trebali bi imati svjetliju sjenu, simulirajući stvarno osvjetljenje i sjenčanje. To olakšava razlikovanje različitih komponenti i njihove hijerarhije.
Dva identična siva kvadrata sa sjenom, jedan na 100% crnoj pozadini, drugi na #121212. Kako se objekt diže, postaje svjetlije nijanse sive.
U tamnoj temi i dalje možete raditi s uobičajenom osnovnom bojom sve dok je kontrast u redu. Objasnimo na primjeru.
U ovom sučelju, glavna radnja je veliki plavi gumb na donjoj traci. Nema problema s kontrastom pri prelasku između svijetlog i tamnog moda, tipka i dalje upada u oči, ikona je jasna i sve u svemu je u redu.
Kada se ista boja koristi na različite načine, primjerice u tekstu, bit će problema. Pokušajte upotrijebiti (mnogo) manje zasićenu nijansu glavne boje ili potražite druge načine za uključivanje boja marke u sučelje.
Lijevo: Crveno na crnom izgleda loše. Desno: smanjite zasićenost i sve će izgledati dobro. - cca. prijevod
Isto vrijedi i za sve druge jake boje koje ste možda koristili, kao što su boje upozorenja ili pogreške. Google koristi 40% bijeli sloj sloja povrh zadane boje pogreške u svojim prilikom prelaska na tamni mod. Ovo je prilično dobra polazna točka jer će poboljšati razine kontrasta kako bi odgovarale AA standardima. Naravno, uvijek možete promijeniti postavke kako vam odgovara, ali svakako provjerite razine kontrasta. Usput, koristan alat za ovu svrhu je Sketch dodatak - , koji točno pokazuje koliki je kontrast između 2 sloja.
Što je s tekstom?
Ovdje je sve jednostavno: ništa ne smije biti 100% crno i 100% bijelo i obrnuto. Bijela reflektira svjetlosne valove svih valnih duljina, crna upija. Ako postavite 100% bijeli tekst na 100% crnu pozadinu, slova će reflektirati svjetlost, razmazati se i postati manje čitljiva, što će negativno utjecati na čitljivost.
Isto vrijedi i za 100% bijelu pozadinu, koja reflektira previše svjetla da bi se u potpunosti fokusirala na riječi. Pokušajte malo ublažiti bijelu boju, koristite svijetlo sivu za pozadinu i tekst na crnoj pozadini. To će smanjiti naprezanje očiju, sprječavajući
Tamni način rada je tu i neće nestati
Količina vremena koju provodimo pred ekranima neprestano raste, a svakim novim danom novi ekrani se pojavljuju u našim životima, od trenutka kada se probudimo pa sve dok ne zaspimo. Ovo je prilično novi fenomen; naše oči još nisu navikle na ovo povećanje vremena pred ekranom kasno navečer. Ovdje na scenu stupa tamni mod. Uvođenjem ove mogućnosti u macOS i Material Design (a najvjerojatnije i u iOS), vjerujemo da će prije ili kasnije postati zadana u svim aplikacijama, kako mobilnim tako i desktop. I bolje je biti spreman za ovo!
Jedini razlog da ne implementirate tamni način je kada ste apsolutno 100% sigurni da se vaša aplikacija koristi isključivo na jakom dnevnom svjetlu. To se, međutim, ne događa često.
Vrijedno je spomenuti nekoliko stvari koje će zahtijevati posebnu pozornost pri implementaciji tamnog načina rada, osim osnovnih načela koja su ranije sažeta.
Što se tiče pristupačnosti, tamni način rada nije najzgodniji, jer je kontrast u pravilu manji, što pak nimalo ne poboljšava čitljivost.
Ali zamislite da se spremate za spavanje, jako želite spavati, ali neposredno prije nego što zaspite, sjetite se da morate nekome poslati super važnu poruku koja ne može čekati ni jednu noć. Zgrabite svoj telefon, uključite ga i AAAAAAH... svijetla pozadina vaše iMessage držat će vas budnima još 3 sata. Iako se svijetli tekst na tamnoj pozadini ne smatra najdostupnijim, tamni način rada ove sekunde bi povećati udobnost za milijun. Sve ovisi o situaciji u kojoj se korisnik trenutno nalazi.
Zato mislimo automatski tamni način rada tako cool ideja. Pali se navečer i gasi ujutro. Korisnik o tome ne treba ni razmišljati, što je vrlo zgodno. Twitter je napravio odličan posao sa svojim postavkama mračnog načina rada. Osim toga, imaju i samo tamni mod i još tamniji mod za sve te OLED ekrane, štedeći bateriju i sve vezano uz to. Ovdje je važno napomenuti: dajte korisniku mogućnost ručnog prebacivanja kad god poželi: nema ništa gore od automatske promjene sučelja bez mogućnosti vraćanja.
Twitter ima automatski mračni način rada koji se uključuje navečer i gasi ujutro.
Također, kada razvijate temu, vrijedi imati na umu da se neke stvari jednostavno ne mogu učiniti mračnim.
Uzmite uređivač teksta kao što je Pages. Sučelje možete učiniti tamnim, ali će sam list uvijek biti bijel, simulirajući pravi list papira.
Stranice s omogućenim tamnim načinom rada
Isto vrijedi za sve vrste uređivača za stvaranje sadržaja, kao što su Sketch ili Illustrator. Iako se sučelje može učiniti tamnim, radna ploča s kojom radite uvijek će prema zadanim postavkama biti bijela.
Skicirajte u tamnom načinu rada i još uvijek imate svijetlu bijelu radnu ploču.
Dakle, bez obzira na aplikaciju, vjerujemo da će mračni načini rada biti ugrađeni u operativni sustav koji koristite, što znači da je najbolje da se pripremite za budućnost. bit će mrak.
Ako želite saznati više o razvoju mračnih korisničkih sučelja, svakako pogledajte smjernice , to je bio naš glavni izvor informacija za ovaj članak.
Izvor: www.habr.com