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.

Приглушите свет, расслабьте глаза и сэкономьте энергию. Темный режим — одна из самых популярных тенденций в дизайне, и такие бренды мирового уровня, как WhatsApp, Instagram, Google, Facebook и Apple, уже сели на поезд дизайна темного режима.

Давайте посмотрим, что делают эти ведущие бренды и как вы можете добавить пользовательский интерфейс темного режима в свои собственные проекты. Вы узнаете о plussid ja miinused темного режима и основных передовых методах разработки для темного режима, чтобы убедиться, что дизайн вашего веб-сайта и приложений выглядит и функционирует идеально.

Trükitud turundusmaterjal

Mis on tume režiim? Disain tumedates toonides

Темный режим — это пользовательский интерфейс (UI) при слабом освещении, в котором в качестве основного цвета фона используется темный цвет — обычно черный или оттенок серого. Это полная противоположность стандартному белому интерфейсу пользователя, который дизайнеры использовали десятилетиями. В ответ на то, что у нас увеличилось время использования экрана, разработчики обнаружили, что интерфейсы темных тем помогают снизить нагрузку на глаза, особенно в условиях низкой освещенности или в ночное время. Меньшая нагрузка на глаза означала меньше головных болей и лучший опыт работы.

Instagrami rakenduse disain tumedas režiimis Kujunda tumedates värvides

Instagrami tumeda režiimi kasutajaliides

 

WhatsApp töölauarakenduste kujundamisel tumedas režiimis Kujundage tumedates värvides

WhatsApp töölaua tumeda režiimi kasutajaliideses rakenduse What's App kaudu

Google Fiti tumeda režiimi rakenduse disain

Google Fit tumeda režiimi kasutajaliides

 

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.

Varajane koduarvuti rohelise tekstiga mustal

Varasemad koduarvutid, mille mustal peal oli roheline tekst, olid OG tume režiim.

 

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.

Tume režiim ja hele režiim iOS 13 rakenduste kujunduses

Tume režiim iOS 13-s

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.

Rakenduse disain tumedas režiimis Disain tumedates värvides

See roheline logo sobib hästi selle tumeda teema rakenduse kujundusega.

 

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

Многие пользователи пользовательского интерфейса в темном режиме выбирают его из соображений экономии энергии и здоровья, а не из эстетических соображений. Темный режим напоминает им, что они делают что-то более здоровое, что вызывает хорошее чувство — вроде того, что возникает, когда вы загружаете свою многоразовую сумку для покупок или бутылку с водой.

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 цвета способны вызвать яркие эмоции. Если это то, что ищут ваши зрители, то затемнение цветов может создать для них ментальный барьер. Им будет труднее установить эмоциональную связь с темной темой. Если ваш бренд носит мотивационный, вдохновляющий или духовный характер, пользовательский интерфейс в темном режиме может стать азартной игрой. Если яркие цвета могут вызывать яркие эмоции, все может быть наоборот. Итак, кто ваша аудитория? Не сжигайте их, если они ищут лифт.

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

Если вы не правильно понимаете цвета и контрасты при veebilehe arendus или приложения с темной темой, это может затруднить чтение текста, поэтому имейте это в виду при создании дизайна электронной почты, приложения или веб-сайта в темном режиме .

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

Когда существующая цветовая палитра brändi уже совместима с темным режимом, боги темного режима улыбаются вам.

Tume režiimi rakenduse disain

Tume režiimi rakenduse disain

 

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.

tume veebidisaini teema Disain tumedates toonides

Tume veebikujundus

 

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.

Tume teema Luksuskellabrändi veebisaidi kujundus

Elegantne ja kvaliteetne tumeda teemaga veebisaidi kujundus

 

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.

Disain tumedates värvides Mobiilse digiajakirja kujundus rakenduses Dark Mode

Rakenduse tume disain

 

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

Чем выше слой, тем он должен быть светлее. Это создаст visuaalne hierarhia в темном режиме, которая идет от наиболее часто используемых элементов на вашем дисплее к наименее используемым.

Tumeda režiimi visuaalne hierarhia

Heledad värvid peal loovad visuaalse hierarhia

 

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.

 

Teie assistent ärireklaami- ja trükiettevõttes "АЗБУКА«