Dizajn tamne boje odnosi se na stil i pristup stvaranju 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 područjima uključujući web dizajn, grafički dizajn, dizajn interijera i druga.

Prigušite svjetla, opustite oči i uštedite energiju. Dark mode jedan je od najpopularnijih trendovi dizajna, a brendovi svjetske klase poput WhatsAppa, Instagrama, Googlea, Facebooka i Applea već su se ukrcali na vlak dizajna mračnog načina rada.

Pogledajmo što rade ovi vrhunski brendovi i kako možete dodati tamno korisničko sučelje svojim projektima. Naučit ćete o za i protiv tamni način rada i osnovne najbolje prakse za razvoj tamnog načina rada kako biste osigurali da dizajn vaše web stranice i aplikacije savršeno izgleda i funkcionira.

Tiskani marketinški materijal

Что такое темный режим? Дизайн в темных тонах.

Tamni način rada je slabo osvijetljeno korisničko sučelje (UI) koje koristi tamnu boju pozadine kao glavnu boju boja - obično crna ili nijansu sive. Ovo je potpuna suprotnost standardnom bijelom korisničkom sučelju koje su dizajneri koristili desetljećima. Kao odgovor na naše povećano vrijeme pred ekranom, programeri su otkrili da sučelja tamnih tema pomažu smanjiti naprezanje očiju, posebno u uvjetima slabog osvjetljenja ili noću. Manje naprezanje očiju značilo je manje glavobolja i bolje radno iskustvo.

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

Korisničko sučelje Instagram Dark Mode

 

WhatsApp na desktop aplikaciji dizajn u tamnom načinu rada Dizajn u tamnim bojama

WhatsApp u radnom sučelju tamnog načina rada putem aplikacije What's App

Dizajn aplikacije za tamni način rada Google Fit

Google Fit korisničko sučelje tamnog načina rada

 

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

Razvoj plakata. 5 pravila

Sjećate se zelenog računalnog koda koji pada na crnu pozadinu u Matrixu? Ovo je bilo naklon izvornom mračnom načinu rada: starim jednobojnim monitorima ranih računala.

Rano kućno računalo sa zelenim tekstom na crnom

Rana kućna računala sa zelenim tekstom na crnom bila su OG tamni način rada.

 

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

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

To je bila norma gotovo tri desetljeća sve dok se mračni način nije vratio u Windows Phone 7 2010. godine. Nakon što je Google potvrdio da tamni način rada štedi bateriju, dodao je tu značajku u svoj Android OS 2018. Godinu dana kasnije, Apple je slijedio s mračnim načinom rada na iOS-u i iPadOS-u.

Dark Mode i Light Mode u iOS 13 App Design

Tamni način rada u iOS-u 13

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

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

Smanjuje naprezanje očiju

Ne bi trebao osjećati svoje oči. Ali svatko tko dugo analizira podatke zaslona zna da nakon nekog vremena to počnete činiti. Sindrom računalnog vida (CVS) uključuje bol u očima, zamagljen vid, dvoslike, glavobolje, bol u vratu/leđima i još mnogo toga. Kada je riječ o grafikonima i grafikonima, tamni način rada doslovno može pomoći u smanjenju boli.

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

Ovaj zeleni logotip dobro ide uz ovaj dizajn aplikacije s tamnom temom.

 

Povećava vidljivost pri slabom osvjetljenju

Ako spavate i netko upali jako svjetlo, dobit ćete glavobolju. Isti princip vrijedi i za ljude koji kasno navečer ili rano ujutro rade pred ekranom računala. Tamni način rada smanjuje ovaj odsjaj i olakšava gledanje sadržaja u uvjetima slabog osvjetljenja.

Štedi energiju baterije

Neki digitalni uređaji s OLED zaslonima mogu isključiti crne piksele kada se ne koriste. Tamni način rada koristi veći broj crnih piksela, zbog čega uređaj troši manje energije.

Daje emocionalni poticaj

Mnogi korisnici korisničkog sučelja tamnog načina rada biraju ga iz energetskih i zdravstvenih razloga, a ne iz estetskih razloga. Tamni način rada podsjeća ih da rade nešto zdravije, što im daje dobar osjećaj — poput onog koji dobijete kada ubacite svoje potrepštine za višekratnu upotrebu torba za kupovinu ili bocu vode.

Sprječava ADD. Dizajn u tamnim bojama

Pa... nekako. Bijelo svjetlo i boje obično vam odvlače pozornost, što otežava dovršavanje zadatka. Korisničko sučelje tamnog načina rada može poboljšati fokus usmjeravanjem vaše koncentracije na područja sadržaja vašeg sučelja, dopuštajući da taj sadržaj iskoči i pozadina nestane.

Nedostaci korištenja tamnog načina rada

Kao i sve, mračni način ima svoje nedostatke. Pogledajmo razloge zašto tamna tema može biti nedostatak za vaše potrebe.

Može smanjiti emocionalnu povezanost. Dizajn u tamnim bojama

svijetao boje mogu izazvati žive emocije. Ako je to ono što vaši gledatelji traže, onda potamnjivanje boja može stvoriti mentalnu barijeru za njih. Teže će se emocionalno povezati s mračnom temom. Ako je vaša robna marka motivacijske, inspirativne ili duhovne prirode, korisničko sučelje u tamnom načinu rada može biti kockanje. Iako svijetle boje mogu izazvati snažne emocije, može biti suprotno. Dakle, tko je vaša publika? Nemojte ih spaliti ako traže lift.

Sabija prostor

Sobe s tamnim zidovima mogu djelovati klaustrofobično. Na uređaju tamni način rada može funkcionirati na isti način. Ako pokušavate stvoriti osjećaj prostora, tamno sučelje može učiniti da se prostor čini manjim.

Boje s niskim kontrastom mogu biti teško čitljive. Dizajn u tamnim bojama

Ako ne razumijete ispravno boje i kontraste 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 mjesto u tamnom načinu rada.

Как использовать темный режим в дизайне ?

Dizajn tamnog načina rada može funkcionirati bilo gdje. Od mobilnih aplikacija do pametnih satova i TV sučelja, ovaj dizajnerski trend može pokrenuti vašu marku naprijed. Učinite to kako treba i mračni način rada može djelovati poput razbojnika. Pogriješite i vaš bi dizajn mogao odmah odbiti korisnike. Evo nekoliko osnovnih savjeta pri dizajniranju tamne web stranice ili sučelja aplikacije:

Когда использовать темный режим? Дизайн в темных тонах

Подберите цвета вашего бренда .

Kada postojeća paleta boja marka već kompatibilan s tamnim modom, bogovi tamnog moda vam se smiješe.

Dizajn aplikacije tamnog načina rada

Dizajn aplikacije tamnog načina rada

 

Dvaput razmislite o odlasku u tamu ako mislite da trebate promijeniti svoj brend kako bi odgovarao estetici. Isto tako, ako vaša marka treba koristiti širok raspon boja, razmislite o svjetlijem sučelju. Cijeli spektar boja je teško čitljiv na tamnoj pozadini.

Выделите свою отрасль. Дизайн в темных тонах .

Korisničko sučelje tamnog načina također je korisno za poboljšanje određenih industrija. Na primjer, robne marke usmjerene na noćni život i zabavu idealne su za mračni način jer je njihov visokoenergetski sadržaj često uparen s tamnom pozadinom u stvarnom životu.

Стань минималистичным .

Ako je vaša estetika dizajna već minimalistička s ograničenim sadržajem, vaše je okruženje prikladno za mračni način rada. U situaciji kada je tekst glavni sadržaj, mračno sučelje može otežati čitanje. Tipično, mračni način rada povećava vizualni nered, čineći pretrpani zaslon još kaotičnijim.

Вызвать эмоции .

Pokušavate izazvati određeni emocionalni odgovor? Kao misterij ili mala drama? Budući da slaba vidljivost stvara znatiželju i pojačava emocionalnu napetost, tamni način rada može biti savršen alat za vaš brend.

mračna tema web dizajna Dizajn u tamnim bojama

Dark web dizajn

 

Символ статуса. Дизайн в темных тонах .

Ako želite stvoriti osjećaj statusa, tamno korisničko sučelje može biti učinkovit alat. Tamnije boje izazivaju emocije povezane s luksuzom i bogatstvom. Ako želite privući pozornost na fini rad, razmislite o korisničkom sučelju tamnog načina rada.

Tamna tema Dizajn web stranice za marku luksuznih satova

Elegantan, kvalitetan dizajn web stranice s tamnom temom

 

Лучшие практики для дизайна темного режима .

Postoje određeni procesi koji moraju raditi ispravno kada se stvara korisničko sučelje tamnog načina rada. Uostalom, želite da vaš proizvod bude sjajan, zar ne? Označimo sve okvire na našem popisu za provjeru najboljih praksi u tamnom načinu rada:

1. Не уходите слишком темно. Дизайн в темных тонах .

Izdavači knjiga ne koriste čisti bijeli papir jer je kontrast s crnom tintom previše jak. Zbog toga škiljite i može uzrokovati glavobolju. Isto je i s digitalnim uređajima. Klonite se čiste crne. Teško je gledati u zaslon visokog kontrasta. Dobre tamne boje su nijanse sive u kombinaciji s nezasićenim bojama.

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

Tamni dizajn aplikacije

 

2. Имейте правильный контраст .

Pozadina u tamnom načinu mora biti dovoljno tamna za prikaz bijelog teksta. Prijedlog Google Material Designa je korištenje razine kontrasta teksta i pozadine od najmanje 15,8:1.

3. Обесцветьте цвета. Дизайн в темных тонах .

Klonite se potpuno zasićenih boja na tamnoj pozadini. Na tamnim površinama, sjenila č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.

Osim toga, razmislite o promjeni palete boja svoje marke. Plava boja vaše tvrtke može se drugačije čitati na crnoj nego na bijeloj boji. Boje u tamnom načinu rada često se moraju prilagoditi kako bi proizvele isti odgovor kao u svijetlom načinu rada.

4. Используйте правильные цвета «на» .

Koje je boje? Onaj koji se pojavljuje na vrhu elemenata i ključnih površina. Boje "uključeno" obično se koriste za slova. Zadana boja korisničkog sučelja za tamni način je čisto bijela (#FFFFFF). Nemoj ovo koristiti. Čini se da #FFFFFF vibrira kada se gleda na tamnoj pozadini. Odaberite svijetlo sivu boju.

5. Не просто переворачивайте. Дизайн в темных тонах .

Ako se prebacite na tamni način rada iz standardnog načina rada, vjerojatno postoje vrijedni vizualni znakovi u izvornoj temi. Nemojte samo invertirati boje da biste dobili tamnu temu. Možda pretvarate boje koje imaju psihološku svrhu u besmislene prigušene boje. Odaberite boju svjesno.

6. Погрузитесь глубже .

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

Vizualna hijerarhija mračnog načina rada

Svjetlije boje na vrhu stvaraju vizualnu hijerarhiju

 

7. Испытайте и предложите свободу. Дизайн в темных тонах .

Testirajte i tamnu i svijetlu verziju svog dizajna. Eksperimentirajte sa svakim stilom i unesite odgovarajuće promjene na temelju povratnih informacija korisnika. Uostalom, preferencije ljudi mogu biti nepredvidive, stoga nemojte opterećivati ​​svoje korisnike. Dopustite im da prebace zaslon iz svijetlog u tamni način. To korisnicima daje kontrolu nad njihovim iskustvom i čini da se osjećaju personaliziranije.