Ili što treba imati na umu kada razvijate tamni način rada za aplikaciju ili web stranicu
2018. je pokazala da su tamni modovi na putu. Sada kada smo na polovini 2019. godine, možemo sa sigurnošću reći: oni su tu, i svuda su.
Počnimo s činjenicom da tamni način rada uopće nije nov koncept. Koristi se dosta dugo. A nekada davno, zapravo, dugo vremena, to je bilo jedino što su koristili: monitori su bili tipa „zeleno na crno“, ali samo zato što je luminiscentni premaz iznutra emitovao zelenkasti sjaj kada je bio izložen zračenju. .
Ali čak i nakon uvođenja monitora u boji, tamni mod je nastavio postojati. Zašto je to tako?
Dva su glavna motiva koji objašnjavaju zašto danas svaka druga osoba žuri da svojoj aplikaciji doda mračnu temu. Prije svega: kompjuteri su posvuda. Gdje god pogledamo postoji neka vrsta ekrana. Koristimo mobilne uređaje od jutra do kasno u noć. Prisustvo tamnog načina rada smanjuje naprezanje očiju kada ste u krevetu prije nego što odete u krevet za „posljednji put“ skrolujući kroz svoj sadržaj na društvenim mrežama. mreže. (Ako ste poput mene, "prošli put" može značiti 3-satni skrol . Tamni način rada? Da molim! )
Drugi razlog su nove tehnologije proizvodnje displeja. Vodeći modeli velikih kompanija - Apple, Google, Samsung, Huawei - svi su opremljeni OLED ekranima, koji, za razliku od LCD ekrana, ne zahtijevaju pozadinsko osvjetljenje. I to su zaista dobre vijesti za vašu bateriju. Zamislite da gledate sliku crnog kvadrata na svom telefonu; sa LCD-om, pozadinsko osvetljenje će osvetliti ceo ekran iako je većina crna. Ali kada gledate istu sliku na OLED ekranu, pikseli koji čine crni kvadrat se jednostavno isključuju. To znači da uopšte ne troše energiju.
Ove vrste ekrana čine tamne načine rada mnogo zanimljivijima. Korištenjem tamnog sučelja možete značajno produžiti vijek trajanja baterije vašeg uređaja. . Tamni modovi naravno idu ruku pod ruku sa promjenama korisničkog sučelja, pa hajde da nadogradimo naše znanje!
Tamni načini rada 101
Prije svega: “tamno” nije isto što i “crno”. Ne pokušavajte zamijeniti bijelu pozadinu crnom, jer će to onemogućiti korištenje sjena. Ovakav dizajn će biti 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 biti svjetliji u sjeni, simulirajući stvarno svjetlo i sjenčanje. Ovo olakšava razlikovanje između različitih komponenti i njihove hijerarhije.
Dva identična siva kvadrata sa sjenom, jedan na 100% crnoj pozadini, drugi na #121212. Kako se predmet diže, postaje svjetlija nijansa sive.
U tamnoj temi i dalje možete raditi sa svojom uobičajenom osnovnom bojom sve dok je kontrast u redu. Objasnimo na primjeru.
U ovom interfejsu, glavna radnja je veliko plavo dugme u donjoj traci. Nema problema u pogledu kontrasta prilikom prebacivanja između svijetlog i tamnog načina rada, tipka je i dalje privlačna, ikona je jasna, a generalno sve je u redu.
Kada se ista boja koristi na različite načine, na primjer u tekstu, doći će do problema. Pokušajte koristiti (mnogo) manje zasićenu nijansu glavne boje ili potražite druge načine za uključivanje boja brenda u sučelje.
Lijevo: Crveno na crnom izgleda loše. Tačno: smanjite zasićenje i sve izgleda dobro. — pribl. prevod
Isto važi i za sve druge jake boje koje ste možda koristili, kao što su boje upozorenja ili greške. Google koristi preklapanje bijelog sloja od 40% iznad zadane boje greške pri prelasku na tamni način rada. Ovo je prilično dobra polazna tačka jer će poboljšati nivoe kontrasta kako bi odgovarali AA standardima. Naravno, uvijek možete promijeniti postavke kako vam odgovara, ali svakako provjerite nivoe kontrasta. Usput, koristan alat za ovu svrhu je dodatak Sketch - , koji tačno pokazuje koliki je kontrast između 2 sloja.
Šta je sa tekstom?
Ovdje je sve jednostavno: ništa ne smije biti 100% crno i 100% bijelo i obrnuto. Bela reflektuje svetlosne talase svih talasnih dužina, crna apsorbuje. 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 važi 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. Ovo će smanjiti naprezanje očiju i spriječiti
Tamni način rada je tu i neće nestati
Količina vremena koje provodimo pred ekranima konstantno raste, a svakog novog dana u našim životima se pojavljuju novi ekrani, od trenutka kada se probudimo pa sve dok ne zaspimo. Ovo je prilično nov fenomen; naše oči se još nisu navikle na ovo povećanje vremena pred ekranom kasno uveče. Ovdje dolazi u obzir tamni način rada. Uvođenjem ove funkcije u macOS i Material Design (i najvjerovatnije u iOS), vjerujemo da će prije ili kasnije postati zadana u svim aplikacijama, kako mobilnim tako i desktop računarima. I bolje je biti spreman za ovo!
Jedini razlog da ne implementirate tamni način rada je kada ste apsolutno 100% sigurni da se vaša aplikacija koristi isključivo na jakom dnevnom svjetlu. To se, međutim, ne dešava često.
Vrijedi spomenuti nekoliko stvari koje će zahtijevati posebnu pažnju prilikom implementacije mračnog načina rada, osim osnovnih principa koji su ranije sažeti.
Što se tiče pristupačnosti, tamni način rada nije najpogodniji, jer je kontrast generalno manji, što zauzvrat nimalo ne poboljšava čitljivost.
Ali zamislite da se spremate za spavanje, zaista želite da spavate, ali prije nego što zaspite, sjetite se da nekome trebate poslati super važnu poruku koja ne može čekati ni jednu noć. Zgrabite telefon, uključite ga i AAAAAAH... svijetla pozadina vašeg iMessagea će vas držati budnima još 3 sata. Dok se svijetli tekst na tamnoj pozadini ne smatra najpristupačnijim, tamni način rada upravo ove sekunde bi povećati udobnost za milion. Sve zavisi od situacije u kojoj se korisnik trenutno nalazi.
Zato mislimo automatski tamni način rada tako kul ideja. Uključuje se uveče i gasi se ujutro. Korisnik ne mora ni da razmišlja o tome, što je veoma zgodno. Twitter je uradio odličan posao sa svojim postavkama tamnog režima. Osim toga, imaju i samo tamni način rada i još tamniji način za sve ove OLED ekrane, štedeći bateriju i sve što je povezano s tim. 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 ponovnog prebacivanja.
Twitter ima automatski tamni mod koji se uključuje uveče i gasi ujutro.
Također, kada razvijate temu, vrijedi imati na umu da neke stvari jednostavno ne mogu biti mračne.
Uzmite uređivač teksta kao što je Pages. Interfejs možete učiniti tamnim, ali sam list će uvijek biti bijel, simulirajući pravi list papira.
Stranice sa omogućenim tamnim načinom rada
Isto važi i za sve tipove uređivača za kreiranje sadržaja, kao što su Sketch ili Illustrator. Iako se interfejs može učiniti tamnim, grafička ploča s kojom radite uvijek će po defaultu biti bijela.
Skicirajte u tamnom načinu rada i još uvijek imate svijetlo bijelu artboard.
Dakle, bez obzira na aplikaciju, vjerujemo da će tamni načini biti izvorni za operativni sistem koji koristite, što znači da je najbolje da se pripremite za budućnost. biće mrak.
Ako želite saznati više o razvoju mračnih korisničkih sučelja, svakako provjerite smjernice , ovo je bio naš glavni izvor informacija za ovaj članak.
izvor: www.habr.com