Disain tumedates toonides

Tume värvikujundus viitab stiilile ja lähenemisviisile visuaalse kujunduse loomisel, mis tugineb sügavate, rikkalike värvilahenduste kasutamisele, kus tavaliselt on ülekaalus tumedad toonid. See disainistiil on viimastel aastatel muutunud populaarseks ja seda saab kasutada erinevates valdkondades, sealhulgas veebidisainis, graafilises disainis, sisekujunduses ja muudes valdkondades.

Hämardage tuled, lõdvestage silmi ja säästke energiat. Tume režiim on üks populaarsemaid disaini suundumused, ning maailmatasemel kaubamärgid nagu WhatsApp, Instagram, Google, Facebook ja Apple on juba astunud tumeda režiimi disainirongi.

Vaatame, mida need juhtivad kaubamärgid teevad ja kuidas saate oma projektidele lisada tumeda režiimi kasutajaliidese. Saate teada plussid ja miinused tumeda režiimi ja põhilise tumeda režiimi arendamise parimad tavad, et tagada teie veebisaidi ja rakenduste kujundus täiuslik väljanägemine ja toimimine.

Trükitud turundusmaterjal

Mis on tume režiim? Disain tumedates toonides

Tume režiim on vähese valgusega kasutajaliides (UI), mis kasutab põhivärvina tumedat taustavärvi värv - tavaliselt must või halli varjundit. See on täielik vastand tavalisele valgele kasutajaliidesele, mida disainerid on aastakümneid kasutanud. Vastuseks meie pikenenud ekraaniajale on arendajad avastanud, et tumedate teemade liidesed aitavad vähendada silmade pinget, eriti hämaras või öösel. Vähem silmade väsimust tähendas vähem peavalu ja paremat töökogemust.

 

 

Kuid tume režiim pole tegelikult midagi uut.

Plakati arendus. 5 reeglit

Kas mäletate rohelist arvutikoodi, mis sajab The Matrixis mustal taustal? See oli noogutus algsele tumedale režiimile: varasemate arvutite vana kooli ühevärvilised monitorid.

 

See klassikaline tume välimus läks 80ndatel moest välja ja eelistas musta teksti valgel taustal, simuleerides tinti paberil. Disain tumedates toonides

Mis on videoreklaam? Definitsioon, tüübid ja trendid

See oli norm peaaegu kolm aastakümmet, kuni tume režiim naasis Windows Phone 7-s 2010. aastal. Pärast seda, kui Google kinnitas, et tume režiim säästab akut, lisasid nad selle funktsiooni 2018. aastal oma Android OS-i. Aasta hiljem järgnes Apple iOS-i ja iPadOS-i jaoks tumedale režiimile.

Tumeda režiimi kasutamise plussid. Disain tumedates toonides

Tume režiim ei ole mitte ainult silmadele kergem (kui seda õigesti teha), vaid säästab ka aku kasutusaega ja võib olla isegi tervislikum. Vaatame tumeda režiimi praktilisi eeliseid heleda režiimi ees.

Vähendab silmade pinget

Sa ei tohiks oma silmi tunda. Kuid igaüks, kes analüüsib ekraaniandmeid pikka aega, teab, et mõne aja pärast hakkate seda tegema. Arvutinägemise sündroom (CVS) hõlmab silmavalu, nägemise hägustumist, kahelinägemist, peavalu, kaela-/seljavalu ja palju muud. Diagrammide ja graafikute puhul võib tume režiim sõna otseses mõttes aidata valu vähendada.

 

Suurendab nähtavust hämaras

Kui magate ja keegi paneb ereda valguse põlema, hakkab teil peavalu. Sama põhimõte kehtib ka hilisõhtul või varahommikul arvutiekraani ees töötavate inimeste kohta. Tume režiim vähendab seda pimestamist ja hõlbustab sisu vaatamist vähese valgusega tingimustes.

Säästab akut

Mõned OLED-ekraaniga digitaalsed vidinad võivad mustad pikslid välja lülitada, kui neid ei kasutata. Tume režiim kasutab suuremat arvu mustade pikslite arvu, mistõttu seade tarbib vähem energiat.

Annab emotsionaalse laengu

Paljud tumeda režiimi kasutajaliidese kasutajad valivad selle pigem energia- ja tervisekaalutlustel kui esteetilistel põhjustel. Tume režiim tuletab neile meelde, et nad teevad midagi tervislikumat, mis annab neile hea tunde – nagu see, mis tekib korduvkasutatava seadme laadimisel. Ostukott või pudel vett.

Takistab ADD. Disain tumedates toonides

Noh... omamoodi. Valge valgus ja värvid kalduvad teie tähelepanu hajutama, muutes ülesande täitmise keeruliseks. Tumeda režiimi kasutajaliides võib teravustada, suunates keskendumise liidese sisualadele, võimaldades sellel sisul sisse hüpata ja taustal tuhmuda.

Tumeda režiimi kasutamise miinused

Nagu kõigel, on ka tumedal režiimil omad puudused. Vaatame põhjuseid, miks tume teema võib teie eesmärkide jaoks ebasoodsasse olukorda seada.

Võib vähendada emotsionaalset sidet. Disain tumedates toonides

Bright värvid võivad esile kutsuda erksaid emotsioone. Kui see on see, mida teie vaatajad otsivad, võib värvide tumedamaks muutmine luua neile vaimse barjääri. Neil on raskem luua emotsionaalset sidet tumeda teemaga. Kui teie bränd on motiveeriv, inspireeriv või vaimne, võib tumeda režiimi kasutajaliides olla hasartmäng. Kuigi erksad värvid võivad tekitada tugevaid emotsioone, võib tõsi olla vastupidine. Kes on siis teie publik? Ärge põletage neid, kui nad otsivad lifti.

Tihendab ruumi

Tumedate seintega ruumid võivad tunduda klaustrofoobilised. Seadmes võib tume režiim töötada samamoodi. Kui proovite luua ruumitunnet, võib tume liides muuta ruumi väiksemaks.

Madala kontrastsusega värve võib olla raske lugeda. Disain tumedates toonides

Kui te ei mõista värve ja kontraste õigesti, kui veebilehe arendus või tumeda teemaga rakendusi, võib see muuta teksti raskesti loetavaks, nii et pidage seda meeles, kui kujundate oma meili, rakendust või veebisaiti tumedas režiimis.

Kuidas kasutada disainis tumedat režiimi

Tume režiimi disain võib töötada kõikjal. Alates mobiilirakendustest kuni nutikellade ja teleriliidesteni – see disainitrend võib teie brändi edasi lükata. Tehke kõik õigesti ja tume režiim võib toimida nagu jõuguhädajad. Kui teete valesti, võib teie disain kasutajad kohe välja lülitada. Siin on mõned põhilised näpunäited tumeda veebisaidi või rakenduse liidese kujundamiseks.

Millal kasutada tumedat režiimi. Disain tumedates toonides

Valige oma brändi värvid

Kui olemasolev värvipalett brändi juba tumeda režiimiga ühilduv, tumeda režiimi jumalad naeratavad teile.

 

Mõelge kaks korda pimedaks jäämisele, kui tunnete, et peate oma kaubamärki esteetiliseks muutmiseks muutma. Samuti, kui teie bränd peab kasutama laia värvivalikut, kaaluge heledamat liidest. Täielikku värvispektrit on tumedal taustal raske lugeda.

Tõstke esile oma tegevusala. Disain tumedates toonides

Tume režiimi kasutajaliides on kasulik ka konkreetsete tööstusharude täiustamiseks. Näiteks ööelule ja meelelahutusele keskendunud kaubamärgid sobivad ideaalselt pimedasse režiimi, kuna nende energiakasutus on tegelikus elus sageli seotud tumeda taustaga.

Mine minimalistlikuks

Kui teie disainiesteetika on juba minimalistlik ja piiratud sisuga, sobib teie keskkond tumedaks režiimiks. Olukorras, kus põhisisu on tekst, võib tume liides muuta lugemise keeruliseks. Tavaliselt suurendab tume režiim visuaalset segadust, muutes segase ekraani veelgi kaootilisemaks.

Äratada emotsioone

Kas proovite esile kutsuda konkreetset emotsionaalset reaktsiooni? Nagu mõistatus või väike draama? Kuna halb nähtavus tekitab uudishimu ja suurendab emotsionaalset pinget, võib tume režiim olla teie kaubamärgi jaoks ideaalne tööriist.

 

Staatusesümbol. Disain tumedates toonides

Kui soovite luua olekutunnet, võib tumeda režiimi kasutajaliides olla tõhus tööriist. Tumedamad värvid tekitavad emotsioone, mis on seotud luksuse ja rikkusega. Kui soovite suurepärasele tööle tähelepanu juhtida, kaaluge tumeda režiimi kasutajaliidest.

 

Tumerežiimi kujundamise parimad tavad

Tumeda režiimi kasutajaliidese loomisel peavad teatud protsessid õigesti töötama. Lõppude lõpuks tahate, et teie toode oleks suurepärane, eks? Märgistame kõik ruudud meie tumeda režiimi parimate tavade kontroll-loendis:

1. Ära mine liiga pimedaks. Disain tumedates toonides

Raamatukirjastajad ei kasuta puhast valget paberit, kuna kontrast musta tindiga on liiga karm. See paneb sind silmi kissitama ja võib põhjustada peavalu. Digiseadmetega on sama lugu. Hoidke eemale puhtast mustast. Raske on vaadata suure kontrastsusega ekraani. Hea tumeda režiimi värvid on hallid toonid, mis on kombineeritud küllastumata värvidega.

 

2. Omage õiget kontrasti

Tumedas režiimis peab taust olema valge teksti kuvamiseks piisavalt tume. Google Material Designi soovitus on kasutada teksti ja tausta kontrastsuse taset vähemalt 15,8:1.

3. Puhastage värvid. Disain tumedates toonides

Hoidke eemal täielikult küllastunud värvidest tumedal taustal. Tumedatel pindadel paistavad varjud sageli "vibreerivat". Selle asemel kasutage küllastumata värve, nagu pastelltoonid ja summutatud värvid – toone, millele on lisatud halle ja valgeid.

Lisaks kaaluge oma kaubamärgi värvipaleti muutmist. Teie ettevõtte sinine värv võib mustal olla erinev kui valgel. Tumedas režiimis tuleb värve sageli reguleerida, et saada sama reaktsioon kui heledas režiimis.

4. Kasutage õigeid värve "sisse"

Mis värvi? See, mis kuvatakse elementide ja võtmepindade peal. "Sees" värve kasutatakse tavaliselt kirjade jaoks. Vaikimisi tumeda režiimi kasutajaliidese värv on puhas valge (#FFFFFF). Ärge kasutage seda. Tundub, et #FFFFFF vibreerib, kui seda vaadata tumedal taustal. Valige helehall värv.

5. Ära lihtsalt keera ümber. Disain tumedates toonides

Kui lülitate standardrežiimilt tumedale režiimile, on algses teemas tõenäoliselt väärtuslikke visuaalseid vihjeid. Ärge lihtsalt pöörake värve tumeda teema saamiseks. Võimalik, et muudate psühholoogilise eesmärgiga värve mõttetuteks summutatud värvideks. Vali värv teadlikult.

6. Sukeldu sügavamale

Mida kõrgem on kiht, seda heledam see peaks olema. See loob visuaalne hierarhia pimedas režiimis, mis ulatub ekraanil kõige sagedamini kasutatavatest elementidest kõige vähem kasutatavateni.

 

7. Kogege ja pakuge vabadust. Disain tumedates toonides

Testige oma disaini nii tumedat kui ka heledat versiooni. Katsetage iga stiiliga ja tehke vastavalt kasutaja tagasisidele muudatusi. Lõppude lõpuks võivad inimeste eelistused olla ettearvamatud, nii et ärge pange koormat oma kasutajatele. Laske neil lülitada oma ekraan heledast režiimist tumedale režiimile. See annab kasutajatele kontrolli oma kogemuste üle ja muudab nad end isikupärasemaks.