Tamsios spalvos dizainas reiškia stilių ir požiūrį į vizualinio dizaino kūrimą, kuris remiasi gilių, sodrių spalvų schemų naudojimu, dažniausiai vyraujant tamsiems atspalviams. Šis dizaino stilius išpopuliarėjo pastaraisiais metais ir gali būti naudojamas įvairiose srityse, įskaitant interneto dizainą, grafinį dizainą, interjero dizainą ir kt.

Pritemdykite šviesą, atpalaiduokite akis ir taupykite energiją. Tamsusis režimas yra vienas populiariausių dizaino tendencijoso pasaulinio lygio prekės ženklai, tokie kaip WhatsApp, Instagram, Google, Facebook ir Apple, jau įlipo į tamsaus režimo dizaino traukinį.

Pažiūrėkime, ką veikia šie geriausi prekių ženklai ir kaip prie savo projektų galite pridėti tamsaus režimo vartotojo sąsają. Sužinosite apie už ir prieš tamsiojo režimo ir pagrindinio tamsiojo režimo kūrimo geriausia praktika, kad jūsų svetainės ir programų dizainas atrodytų ir veiktų nepriekaištingai.

Spausdinta rinkodaros medžiaga

Kas yra tamsusis režimas? Tamsių spalvų dizainas

Tamsus režimas yra silpno apšvietimo vartotojo sąsaja (UI), kurios pagrindinė spalva naudojama tamsi fono spalva spalva - dažniausiai juoda arba pilkas atspalvis. Tai visiškai priešinga standartinei baltai vartotojo sąsajai, kurią dizaineriai naudojo dešimtmečius. Reaguodami į ilgesnį ekrano laiką, kūrėjai nustatė, kad tamsios temos sąsajos padeda sumažinti akių įtampą, ypač prasto apšvietimo sąlygomis arba naktį. Mažiau akių įtempimo reiškė mažiau galvos skausmo ir geresnę darbo patirtį.

Instagram programėlės dizainas tamsiu režimu Dizainas tamsiomis spalvomis

„Instagram“ tamsiojo režimo vartotojo sąsaja

 

„WhatsApp“ darbalaukio programos dizainas tamsiu režimu Dizainas tamsiomis spalvomis

WhatsApp darbalaukio tamsaus režimo vartotojo sąsaja per What's App

„Google Fit“ tamsaus režimo programos dizainas

„Google Fit“ tamsaus režimo vartotojo sąsaja

 

Tačiau tamsusis režimas tikrai nėra naujiena.

Plakato kūrimas. 5 taisyklės

Prisimenate žalią kompiuterio kodą, liejantį juodame „Matricos“ fone? Tai buvo linktelėjimas į originalų tamsųjį režimą: senosios mokyklos vienspalvius ankstyvųjų kompiuterių monitorius.

Ankstyvas namų kompiuteris su žaliu tekstu juodos spalvos

Ankstyvieji namų kompiuteriai su žaliu tekstu juodai buvo OG tamsusis režimas.

 

Šis klasikinis tamsus vaizdas išėjo iš mados devintajame dešimtmetyje ir pasirinko juodą tekstą baltame fone, imituojantį rašalą ant popieriaus. Tamsių spalvų dizainas

Kas yra vaizdo reklama? Apibrėžimas, tipai ir tendencijos

Tai buvo norma beveik tris dešimtmečius, kol 7 m. Windows Phone 2010 sistemoje grįžo tamsusis režimas. Kai „Google“ patvirtino, kad tamsusis režimas taupo akumuliatorių, 2018 m. jie pridėjo šią funkciją į savo „Android“ OS. Po metų „Apple“ pradėjo naudoti tamsųjį režimą „iOS“ ir „iPadOS“.

Tamsusis ir šviesus režimas „iOS 13 App Design“.

Tamsusis režimas iOS 13

Tamsaus režimo naudojimo privalumai. Tamsių spalvų dizainas

Tamsus režimas ne tik palengvina akis (jei tai daroma teisingai), bet ir taupo baterijos veikimo laiką ir netgi gali būti sveikesni. Pažvelkime į praktinius tamsaus režimo pranašumus prieš šviesų režimą.

Sumažina akių įtampą

Jūs neturėtumėte jausti savo akių. Tačiau kiekvienas, kuris ilgą laiką analizuoja ekrano duomenis, žino, kad po kurio laiko pradėsite tai daryti. Kompiuterinio matymo sindromas (CVS) apima akių skausmą, neryškų matymą, dvigubą matymą, galvos skausmą, kaklo / nugaros skausmą ir kt. Kalbant apie diagramas ir grafikus, tamsusis režimas tiesiogine prasme gali padėti sumažinti skausmą.

Programos dizainas tamsiu režimu Dizainas tamsiomis spalvomis

Šis žalias logotipas puikiai dera su tamsios temos programos dizainu.

 

Padidina matomumą esant silpnam apšvietimui

Jei miegate ir kas nors įjungia ryškią šviesą, jums skaudės galvą. Tas pats principas galioja žmonėms, kurie dirba prie kompiuterio ekrano vėlai vakare arba anksti ryte. Tamsusis režimas sumažina šį akinimą ir palengvina turinio peržiūrą prasto apšvietimo sąlygomis.

Taupo akumuliatoriaus energiją

Kai kurios skaitmeninės programėlės su OLED ekranais gali išjungti juodus taškus, kai jos nenaudojamos. Tamsiame režime naudojamas didesnis juodų pikselių skaičius, todėl įrenginys sunaudoja mažiau energijos.

Suteikia emocinį krūvį

Daugelis tamsiojo režimo vartotojo sąsajos naudotojų pasirenka jį dėl energijos ir sveikatos, o ne dėl estetinių priežasčių. Tamsusis režimas jiems primena, kad jie daro ką nors sveikesnio, o tai suteikia jiems gerą jausmą – tokį, kokį patiriate įkeldami daugkartinio naudojimo pirkinių krepšys arba butelis vandens.

Neleidžia ADD. Tamsių spalvų dizainas

Na... savotiškai. Balta šviesa ir spalvos dažniausiai atitraukia jūsų dėmesį, todėl sunku atlikti užduotį. Tamsiojo režimo vartotojo sąsaja gali sustiprinti fokusavimą, sutelkdama dėmesį į sąsajos turinio sritis, todėl turinys gali pasirodyti ir fonas išnyks.

Tamsaus režimo naudojimo trūkumai

Kaip ir viskas, tamsusis režimas turi savo trūkumų. Pažvelkime į priežastis, kodėl tamsi tema gali būti nepalanki jūsų tikslams.

Gali sumažinti emocinį ryšį. Tamsių spalvų dizainas

Rytas spalvos gali sukelti ryškias emocijas. Jei jūsų žiūrovai to ieško, spalvų patamsinimas gali jiems sukurti psichinę kliūtį. Jiems bus sunkiau užmegzti emocinį ryšį su tamsia tema. Jei jūsų prekės ženklas yra motyvuojantis, įkvepiantis ar dvasingas, tamsiojo režimo vartotojo sąsaja gali būti azartas. Nors ryškios spalvos gali sukelti stiprių emocijų, gali būti ir atvirkščiai. Taigi, kas yra jūsų auditorija? Nedeginkite jų, jei jie ieško lifto.

Suspaudžia erdvę

Kambariai su tamsiomis sienomis gali jaustis klaustrofobiškai. Įrenginyje tamsusis režimas gali veikti taip pat. Jei bandote sukurti erdvės pojūtį, tamsi sąsaja gali sumažinti erdvę.

Mažo kontrasto spalvas gali būti sunku perskaityti. Tamsių spalvų dizainas

Jei teisingai nesupranti spalvų ir kontrastų, kada interneto svetainių kūrimas arba programas su tamsia tema, dėl to tekstas gali būti sunkiai skaitomas, todėl turėkite tai omenyje kurdami el. paštą, programą ar svetainę tamsiuoju režimu.

Kaip naudoti tamsųjį režimą dizaine

Tamsiojo režimo dizainas gali veikti bet kur. Nuo programų mobiliesiems iki išmaniųjų laikrodžių ir televizorių sąsajų – ši dizaino tendencija gali paskatinti jūsų prekės ženklą į priekį. Teisingai, tamsusis režimas gali veikti kaip grupuočių naikintojai. Supraskite neteisingai ir jūsų dizainas gali iš karto išjungti naudotojus. Štai keletas pagrindinių patarimų kuriant tamsią svetainę ar programos sąsają:

Kada naudoti tamsųjį režimą. Tamsių spalvų dizainas

Pasirinkite savo prekės ženklo spalvas

Kai esama spalvų paletė prekės ženklas Jau suderinamas su tamsiuoju režimu, tamsaus režimo dievai šypsosi tau.

Tamsiojo režimo programos dizainas

Tamsiojo režimo programos dizainas

 

Du kartus pagalvokite apie tamsą, jei manote, kad reikia pakeisti prekės ženklą, kad jis atitiktų estetiką. Taip pat, jei jūsų prekės ženklui reikia naudoti platų spalvų asortimentą, apsvarstykite galimybę naudoti šviesesnę sąsają. Visą spalvų spektrą sunku perskaityti tamsiame fone.

Pabrėžkite savo pramonę. Tamsių spalvų dizainas

Tamsiojo režimo vartotojo sąsaja taip pat naudinga tobulinant tam tikras pramonės šakas. Pavyzdžiui, prekių ženklai, orientuoti į naktinį gyvenimą ir pramogas, idealiai tinka tamsiajam režimui, nes jų daug energijos suvartojantis turinys realiame gyvenime dažnai derinamas su tamsiu fonu.

Būkite minimalistiniai

Jei jūsų dizaino estetika jau minimalistinė ir ribotas turinys, jūsų aplinka tinka tamsiam režimui. Kai tekstas yra pagrindinis turinys, tamsi sąsaja gali apsunkinti skaitymą. Paprastai tamsus režimas padidina vizualinę netvarką, todėl netvarkingas ekranas tampa dar chaotiškesnis.

Sužadinti emocijas

Bandote sukelti konkrečią emocinę reakciją? Mėgstate paslaptį ar mažą dramą? Kadangi prastas matomumas kelia smalsumą ir didina emocinę įtampą, tamsusis režimas gali būti puiki priemonė jūsų prekės ženklui.

tamsi interneto dizaino tema Dizainas tamsiomis spalvomis

Tamsus interneto dizainas

 

Statuso simbolis. Tamsių spalvų dizainas

Jei norite sukurti būsenos pojūtį, tamsiojo režimo vartotojo sąsaja gali būti veiksminga priemonė. Tamsesnės spalvos sukelia emocijas, susijusias su prabanga ir turtais. Jei norite atkreipti dėmesį į puikų darbą, apsvarstykite galimybę naudoti tamsaus režimo vartotojo sąsają.

Tamsios temos Prabangių laikrodžių prekės ženklo svetainės dizainas

Elegantiškas, aukštos kokybės svetainės dizainas tamsia tema

 

Geriausia tamsaus režimo dizaino praktika

Yra tam tikri procesai, kurie turi tinkamai veikti kuriant tamsaus režimo vartotojo sąsają. Juk norite, kad jūsų produktas būtų nuostabus, tiesa? Pažymėkime visus tamsiojo režimo geriausios praktikos kontrolinio sąrašo langelius:

1. Pernelyg tamsok. Tamsių spalvų dizainas

Knygų leidėjai nenaudoja gryno balto popieriaus, nes kontrastas su juodu rašalu yra per griežtas. Tai priverčia prisimerkti ir gali sukelti galvos skausmą. Tas pats ir su skaitmeniniais įrenginiais. Laikykitės atokiau nuo grynos juodos spalvos. Sunku žiūrėti į didelio kontrasto ekraną. Geros tamsaus režimo spalvos – tai pilki atspalviai, derinami su neprisotintomis spalvomis.

Dizainas tamsiomis spalvomis Mobiliojo skaitmeninio žurnalo dizainas „Dark Mode“ programoje

Tamsus programos dizainas

 

2. Turėkite tinkamą kontrastą

Tamsaus režimo fonas turi būti pakankamai tamsus, kad būtų rodomas baltas tekstas. „Google Material Design“ siūlo naudoti teksto ir fono kontrasto lygį bent 15,8:1.

3. Nusotinkite spalvas. Tamsių spalvų dizainas

Laikykitės atokiau nuo visiškai sočiųjų spalvų tamsiame fone. Ant tamsių paviršių atspalviai dažnai atrodo „vibruojantys“. Vietoj to naudokite neprisotintas spalvas, pvz., pastelines ir prislopintas spalvas – atspalvius su pilkais ir baltais atspalviais.

Be to, apsvarstykite galimybę pakeisti savo prekės ženklo spalvų paletę. Jūsų įmonės mėlyna spalva juodoje gali būti kitaip nei balta. Tamsaus režimo spalvas dažnai reikia reguliuoti, kad būtų gautas toks pat atsakas kaip ir šviesiuoju režimu.

4. Naudokite tinkamas spalvas „įjungta“

Kokia spalva? Tas, kuris rodomas elementų ir pagrindinių paviršių viršuje. „Įjungtos“ spalvos paprastai naudojamos raidėms. Numatytoji tamsaus režimo vartotojo sąsajos spalva yra grynai balta (#FFFFFF). Nenaudokite šito. Atrodo, kad #FFFFFF vibruoja, kai žiūrima tamsiame fone. Pasirinkite šviesiai pilką spalvą.

5. Ne tik apversk. Tamsių spalvų dizainas

Jei perjungiate į tamsųjį režimą iš standartinio režimo, pradinėje temoje greičiausiai yra vertingų vaizdinių ženklų. Ne tik apverskite spalvas, kad gautumėte tamsią temą. Galite paversti spalvas, turinčias psichologinį tikslą, beprasmėmis prislopintomis spalvomis. Spalvą rinkitės sąmoningai.

6. Pasinerkite giliau

Kuo aukštesnis sluoksnis, tuo jis turėtų būti šviesesnis. Tai sukurs vizualinė hierarchija tamsiuoju režimu, kuris pereina nuo dažniausiai naudojamų ekrano elementų iki mažiausiai naudojamų.

Tamsaus režimo vizualinė hierarchija

Šviesesnės spalvos viršuje sukuria vizualinę hierarchiją

 

7. Patirkite ir pasiūlykite laisvę. Tamsių spalvų dizainas

Išbandykite tiek tamsią, tiek šviesią savo dizaino versijas. Eksperimentuokite su kiekvienu stiliumi ir atitinkamai atlikite pakeitimus, atsižvelgdami į naudotojų atsiliepimus. Juk žmonių pageidavimai gali būti nenuspėjami, todėl neužkraukite naštos savo vartotojams. Leiskite jiems perjungti ekraną iš šviesaus režimo į tamsųjį režimą. Tai suteikia vartotojams galimybę valdyti savo patirtį ir jaustis labiau suasmeninti.

 

Jūsų asistentas verslo reklamos ir spaudos įmonėje "АЗБУКА«