Dizajn tamnih boja odnosi se na stil i pristup kreiranju vizualnog dizajna koji se oslanja na korištenje dubokih, bogatih shema boja, obično s prevladavanjem tamnih nijansi. Ovaj stil dizajna postao je popularan posljednjih godina i može se koristiti u raznim poljima uključujući web dizajn, grafički dizajn, dizajn interijera i druge.

Prigušite svjetla, opustite oči i uštedite energiju. Tamni način rada je jedan od najpopularnijih trendovi dizajna, a svjetski brendovi poput WhatsAppa, Instagrama, Googlea, Facebooka i Applea već su se ukrcali na tamni mod dizajn.

Hajde da pogledamo šta rade ovi vrhunski brendovi i kako možete dodati korisničko sučelje tamnog režima u svoje projekte. Naučit ćete o tome za i protiv najbolje prakse za razvoj tamnog načina rada i osnovnog mračnog načina rada kako biste osigurali da dizajn vaše web stranice i aplikacije savršeno izgleda i funkcionira.

Štampani marketinški materijal

Šta je tamni način rada? Dizajn u tamnim bojama

Tamni način rada je korisnički interfejs (UI) pri slabom osvjetljenju koji koristi tamnu boju pozadine kao glavnu boju boja - obično crna ili nijansu sive. Ovo je potpuna suprotnost standardnom belom korisničkom interfejsu koji su dizajneri koristili decenijama. Kao odgovor na naše povećano vrijeme korištenja ekrana, programeri su otkrili da sučelja tamnih tema pomažu u smanjenju naprezanja očiju, posebno u uvjetima slabog osvjetljenja ili noću. Manje naprezanje očiju značilo je manje glavobolja i bolje radno iskustvo.

Dizajn aplikacije Instagram u tamnom načinu Dizajn u tamnim bojama

Instagram Dark Mode UI

 

WhatsApp na desktop aplikacijama dizajn u tamnom načinu Dizajn u tamnim bojama

WhatsApp u tamnom korisničkom sučelju desktopa preko What's Appa

Dizajn aplikacije za tamni način rada Google Fit

Korisničko sučelje za tamni način rada Google Fita

 

Ali tamni način rada zapravo nije ništa novo.

Izrada postera. 5 pravila

Sjećate se zelenog kompjuterskog koda koji pada na crnoj pozadini u Matrixu? Ovo je bio znak za originalni mračni način rada: monohromatski monitori stare škole ranih računara.

Rani kućni računar sa zelenim tekstom na crnoj

Rani kućni računari sa zelenim tekstom na crnoj bili su OG tamni mod.

 

Ovaj klasični tamni izgled izašao je iz mode 80-ih u korist crnog teksta na bijeloj pozadini, simulirajući tintu na papiru. Dizajn u tamnim bojama

Šta je video oglašavanje? Definicija, vrste i trendovi

To je bila norma skoro tri decenije sve dok se tamni režim nije vratio u Windows Phone 7 2010. godine. Nakon što je Google potvrdio da tamni način rada štedi bateriju, dodali su tu funkciju svom Android OS-u 2018. Godinu dana kasnije, Apple je slijedio tamni način rada na iOS-u i iPadOS-u.

Tamni način rada i svijetli način rada u iOS 13 App Design

Tamni način rada u iOS-u 13

Prednosti korištenja tamnog načina rada. Dizajn u tamnim bojama

Tamni način rada ne samo da je lakši za oči (ako se radi kako treba), već štedi i trajanje baterije, a može biti čak i zdraviji. Pogledajmo praktične prednosti tamnog načina rada u odnosu na svijetli.

Smanjuje naprezanje očiju

Ne bi trebalo da osetiš oči. Ali svako ko dugo analizira podatke sa ekrana zna da nakon nekog vremena to počnete da radite. Sindrom kompjuterskog vida (CVS) uključuje bol u očima, zamagljen vid, dvostruki vid, glavobolje, bol u vratu/leđa i još mnogo toga. Kada su u pitanju grafikoni i grafikoni, tamni način rada doslovno može pomoći u smanjenju boli.

Dizajn aplikacije u tamnom modu Dizajn u tamnim bojama

Ovaj zeleni logotip dobro ide uz ovaj dizajn aplikacije za tamnu temu.

 

Povećava vidljivost pri slabom osvjetljenju

Ako spavate, a neko upali jako svjetlo, zaboliće vas glava. Isti princip važi i za ljude koji rade pred ekranom kompjutera kasno uveče ili rano ujutru. Tamni način rada smanjuje ovaj odsjaj i olakšava gledanje sadržaja u uslovima slabog osvjetljenja.

Štedi energiju baterije

Neki digitalni uređaji sa OLED ekranima mogu isključiti crne piksele kada se ne koriste. Tamni način rada koristi povećan broj crnih piksela, što uzrokuje da uređaj troši manje energije.

Daje emocionalni naboj

Mnogi korisnici korisničkog sučelja u mračnom načinu biraju ga iz energetskih i zdravstvenih razloga, a ne iz estetskih razloga. Tamni način rada ih podsjeća da rade nešto zdravije, što im daje dobar osjećaj—poput onog koji dobijete kada napunite svoj uređaj za višekratnu upotrebu torba za kupovinu ili flašu vode.

Sprečava ADD. Dizajn u tamnim bojama

Pa... nekako. Bijelo svjetlo i boje imaju tendenciju da odvlače vašu pažnju, što otežava izvršavanje zadatka. Korisničko sučelje tamnog načina rada može poboljšati fokus usmjeravajući vašu koncentraciju na područja sadržaja vašeg sučelja, omogućavajući tom sadržaju da se pojavi i da pozadina nestane.

Nedostaci korištenja tamnog načina rada

Kao i sve, tamni način rada ima svoje nedostatke. Hajde da pogledamo razloge zašto mračna tema može biti nedostatak za vaše potrebe.

Može smanjiti emocionalnu povezanost. Dizajn u tamnim bojama

Bright boje mogu izazvati živopisne emocije. Ako je to ono što vaši gledaoci traže, onda potamnjivanje boja može stvoriti mentalnu barijeru za njih. Bit će im teže uspostaviti emocionalnu vezu s mračnom temom. Ako je vaš brend motivacijske, inspirativne ili duhovne prirode, korisničko sučelje u mračnom načinu može biti kockanje. Iako svijetle boje mogu izazvati snažne emocije, može biti suprotno. Dakle, ko je vaša publika? Nemojte ih spaljivati ​​ako traže lift.

Komprimuje prostor

Sobe sa tamnim zidovima mogu se osjećati klaustrofobično. Na uređaju tamni način rada može raditi na isti način. Ako pokušavate stvoriti osjećaj prostora, tamni interfejs može učiniti da prostor izgleda manji.

Boje sa niskim kontrastom mogu biti teške za čitanje. Dizajn u tamnim bojama

Ako ne razumijete boje i kontraste ispravno kada razvoj web stranice ili aplikacije s tamnom temom, to može otežati čitanje teksta, pa imajte to na umu kada dizajnirate svoju e-poštu, aplikaciju ili web stranicu u tamnom načinu rada.

Kako koristiti tamni način rada u dizajnu

Dizajn tamnog načina rada može raditi bilo gdje. Od mobilnih aplikacija do pametnih satova i TV sučelja, ovaj trend dizajna može pokrenuti vaš brend naprijed. Ispravite to i tamni način rada može raditi kao gangbusters. Pogriješite i vaš dizajn bi mogao odmah isključiti korisnike. Evo nekoliko osnovnih savjeta za dizajniranje mračne web stranice ili sučelja aplikacije:

Kada koristiti tamni način rada. Dizajn u tamnim bojama

Odaberite boje vašeg brenda

Kada postojeća paleta boja brend već kompatibilan s tamnim načinom rada, bogovi tamnog moda vam se smiješe.

Dizajn aplikacije u tamnom načinu rada

Dizajn aplikacije u tamnom načinu rada

 

Razmislite dvaput o zamračenju ako osjećate da trebate promijeniti svoj brend kako bi se uklopio u estetiku. Isto tako, ako vaš brend treba da koristi širok spektar boja, razmislite o lakšem interfejsu. Cijeli spektar boja je teško čitati na tamnoj pozadini.

Istaknite svoju industriju. Dizajn u tamnim bojama

UI u mračnom režimu je također koristan za poboljšanje određenih industrija. Na primjer, brendovi fokusirani na noćni život i zabavu idealni su za mračni način rada jer je njihov visokoenergetski sadržaj često uparen s tamnom pozadinom u stvarnom životu.

Idi minimalistički

Ako je vaša estetika dizajna već minimalistička s ograničenim sadržajem, vaše okruženje je pogodno za tamni način rada. U situaciji u kojoj je tekst glavni sadržaj, tamno sučelje može otežati čitanje. Tipično, tamni način rada povećava vizualni nered, čineći pretrpan ekran još haotičnijim.

Probudite emocije

Pokušavate izazvati specifičan emocionalni odgovor? Kao misterija ili mala drama? Budući da slaba vidljivost stvara radoznalost i povećava emocionalnu napetost, tamni način rada može biti savršeno sredstvo za vaš brend.

dark web dizajn tema Dizajn u tamnim bojama

Dark web dizajn

 

Statusni simbol. Dizajn u tamnim bojama

Ako želite da stvorite osećaj statusa, korisničko sučelje tamnog režima može biti efikasan alat. Tamnije boje izazivaju emocije povezane s luksuzom i bogatstvom. Ako želite da skrenete pažnju na fini rad, razmislite o korisničkom interfejsu tamnog režima.

Tamna tema Dizajn web stranice za luksuzni brend satova

Elegantan, visokokvalitetan dizajn web stranice s tamnom temom

 

Najbolje prakse za dizajn tamnog načina rada

Postoje određeni procesi koji moraju ispravno raditi prilikom kreiranja korisničkog sučelja u mračnom načinu rada. Na kraju krajeva, želite da vaš proizvod bude sjajan, zar ne? Označimo sva polja na našoj kontrolnoj listi najboljih praksi u mračnom načinu rada:

1. Nemojte biti previše mračni. Dizajn u tamnim bojama

Izdavači knjiga ne koriste čisti bijeli papir jer je kontrast s crnim mastilom previše oštar. To uzrokuje da žmirite i može uzrokovati glavobolju. Isto je i sa digitalnim uređajima. Držite se dalje od čiste crne. Teško je gledati u ekran visokog kontrasta. Dobre boje tamnog režima su nijanse sive u kombinaciji sa nezasićenim bojama.

Dizajn u tamnim bojama Dizajn mobilnog digitalnog časopisa u aplikaciji Dark Mode

Tamni dizajn aplikacije

 

2. Imajte pravi kontrast

Pozadina u tamnom načinu rada mora biti dovoljno tamna da prikaže bijeli tekst. Prijedlog Google Material Design-a je da koristite nivo kontrasta teksta prema pozadini od najmanje 15,8:1.

3. Desaturirajte boje. Dizajn u tamnim bojama

Držite se dalje od potpuno zasićenih boja na tamnoj pozadini. Na tamnim površinama, nijanse često izgledaju kao da "vibriraju". Umjesto toga, koristite nezasićene boje kao što su pastelne i prigušene boje - nijanse s dodanim sivim i bijelim.

Uz to, razmislite o promjeni palete boja vašeg brenda. Plava boja vaše kompanije može se drugačije čitati na crnoj nego na bijeloj. Boje u tamnom modu često se moraju podesiti kako bi proizvele isti odgovor kao u svijetlom načinu.

4. Koristite prave boje "uključeno"

Koje boje? Onaj koji se pojavljuje na vrhu elemenata i ključnih površina. "On" boje se obično koriste za natpise. Podrazumevana boja korisničkog interfejsa tamnog režima je čisto bijela (#FFFFFF). Ne koristi ovo. Čini se da #FFFFFF vibrira kada se gleda na tamnoj pozadini. Odaberite svijetlo sivu boju.

5. Nemojte se samo okretati. Dizajn u tamnim bojama

Ako pređete na tamni način rada sa standardnog načina rada, vjerovatno će u originalnoj temi biti vrijedni vizualni znakovi. Nemojte samo invertirati boje da biste dobili tamnu temu. Možda boje koje imaju psihološku svrhu pretvarate u besmislene prigušene boje. Birajte boju svjesno.

6. Zaronite dublje

Što je sloj viši, to bi trebao biti lakši. Ovo će stvoriti vizuelna hijerarhija u tamnom načinu rada, koji ide od najčešće korištenih elemenata na vašem zaslonu do najmanje korištenih.

Vizuelna hijerarhija tamnog moda

Svjetlije boje na vrhu stvaraju vizualnu hijerarhiju

 

7. Doživite i ponudite slobodu. Dizajn u tamnim bojama

Testirajte tamnu i svijetlu verziju svog dizajna. Eksperimentirajte sa svakim stilom i unesite promjene na osnovu povratnih informacija korisnika. Na kraju krajeva, preferencije ljudi mogu biti nepredvidive, stoga nemojte opterećivati ​​svoje korisnike. Pustite ih da prebace svoj prikaz iz svijetlog u tamni način. Ovo korisnicima daje kontrolu nad svojim iskustvom i čini da se osjećaju personaliziranije.

 

Vaš asistent u poslovnom reklamno-štamparskom preduzeću"АЗБУКА«