Dizains tumšās krāsās

Tumšo krāsu dizains attiecas uz stilu un pieeju vizuālā noformējuma veidošanai, kas balstās uz dziļu, bagātīgu krāsu shēmu izmantošanu, parasti ar tumšām nokrāsām. Šis dizaina stils ir kļuvis populārs pēdējos gados, un to var izmantot dažādās jomās, tostarp tīmekļa dizainā, grafiskajā dizainā, interjera dizainā un citās.

Aptumšojiet apgaismojumu, atslābiniet acis un ietaupiet enerģiju. Tumšais režīms ir viens no populārākajiem dizaina tendences, un tādi pasaules klases zīmoli kā WhatsApp, Instagram, Google, Facebook un Apple jau ir iekāpuši tumšā režīma dizaina vilcienā.

Apskatīsim, ko dara šie populārākie zīmoli un kā saviem projektiem varat pievienot tumšā režīma lietotāja interfeisu. Jūs uzzināsiet par plusi un mīnusi tumšā režīma un pamata tumšā režīma izstrādes paraugprakse, lai nodrošinātu, ka jūsu vietnes un lietotņu dizains izskatās un darbojas nevainojami.

Drukāts mārketinga materiāls

Kas ir tumšais režīms? Dizains tumšās krāsās

Tumšais režīms ir vāja apgaismojuma lietotāja interfeiss (UI), kurā kā galvenā krāsa tiek izmantota tumša fona krāsa krāsa - parasti melna vai pelēkā nokrāsa. Tas ir pilnīgs pretstats standarta baltajam lietotāja interfeisam, ko dizaineri ir izmantojuši gadu desmitiem. Reaģējot uz mūsu palielināto ekrāna laiku, izstrādātāji ir atklājuši, ka tumšo motīvu saskarnes palīdz samazināt acu nogurumu, īpaši vāja apgaismojuma apstākļos vai naktī. Mazāks acu nogurums nozīmēja mazāk galvassāpju un labāku darba pieredzi.

 

 

Bet tumšais režīms patiesībā nav nekas jauns.

Plakātu izstrāde. 5 noteikumi

Atcerieties zaļo datora kodu, kas līst uz melna fona filmā The Matrix? Tas bija norāde uz sākotnējo tumšo režīmu: vecās skolas vienkrāsainajiem monitoriem, kas tika izmantoti agrīnajos datoros.

 

Šis klasiskais tumšais izskats izgāja no modes 80. gados, un tika izmantots melns teksts uz balta fona, imitējot tinti uz papīra. Dizains tumšās krāsās

Kas ir video reklāma? Definīcija, veidi un tendences

Tā bija norma gandrīz trīs gadu desmitus, līdz 7. gadā operētājsistēmā Windows Phone 2010 atgriezās tumšais režīms. Kad Google apstiprināja, ka tumšais režīms ietaupa akumulatoru, viņi pievienoja šo funkciju savai Android OS 2018. gadā. Gadu vēlāk Apple sekoja tumšajam režīmam iOS un iPadOS.

Tumšā režīma izmantošanas plusi. Dizains tumšās krāsās

Tumšais režīms ne tikai atvieglo acīm (ja tas tiek darīts pareizi), bet arī ietaupa akumulatora darbības laiku un var būt pat veselīgāks. Apskatīsim tumšā režīma praktiskos ieguvumus salīdzinājumā ar gaišo režīmu.

Samazina acu nogurumu

Jums nevajadzētu sajust savas acis. Bet ikviens, kurš ilgstoši analizē ekrāna datus, zina, ka pēc kāda laika jūs sākat to darīt. Datorredzes sindroms (CVS) ietver acu sāpes, neskaidru redzi, redzes dubultošanos, galvassāpes, kakla / muguras sāpes un daudz ko citu. Runājot par diagrammām un diagrammām, tumšais režīms var burtiski palīdzēt samazināt sāpes.

 

Palielina redzamību vājā apgaismojumā

Ja jūs guļat un kāds ieslēdz spilgtu gaismu, jums sāpēs galva. Tas pats princips attiecas uz cilvēkiem, kuri strādā pie datora ekrāna vēlu vakarā vai agri no rīta. Tumšais režīms samazina šo atspīdumu un atvieglo satura skatīšanu vājā apgaismojumā.

Ietaupa akumulatora enerģiju

Daži digitālie sīkrīki ar OLED ekrāniem var izslēgt melnos pikseļus, kad tie netiek izmantoti. Tumšajā režīmā tiek izmantots palielināts melno pikseļu skaits, kā rezultātā ierīce patērē mazāk enerģijas.

Sniedz emocionālu lādiņu

Daudzi tumšā režīma lietotāja interfeisa lietotāji to izvēlas enerģijas un veselības apsvērumu dēļ, nevis estētisku apsvērumu dēļ. Tumšais režīms atgādina viņiem, ka viņi dara kaut ko veselīgāku, kas viņiem rada labu sajūtu, piemēram, to, ko iegūstat, ielādējot atkārtoti lietojamo. iepirkumu maisiņš vai ūdens pudeli.

Novērš ADD. Dizains tumšās krāsās

Nu... kaut kā. Baltā gaisma un krāsas mēdz novērst jūsu uzmanību, apgrūtinot uzdevuma izpildi. Tumšā režīma lietotāja interfeiss var uzlabot fokusu, koncentrējot uzmanību uz saskarnes satura apgabaliem, ļaujot šim saturam parādīties un fonam izbalināt.

Mīnusi tumšā režīma izmantošanai

Tāpat kā visam, tumšajam režīmam ir savi trūkumi. Apskatīsim iemeslus, kāpēc tumšs motīvs var būt neizdevīgs jūsu vajadzībām.

Var mazināt emocionālo saikni. Dizains tumšās krāsās

Spilgts krāsas var izraisīt spilgtas emocijas. Ja tas ir tas, ko meklē jūsu skatītāji, tad krāsu tumšināšana var radīt viņiem garīgu barjeru. Viņiem būs grūtāk izveidot emocionālu saikni ar tumšu tēmu. Ja jūsu zīmols ir motivējošs, iedvesmojošs vai garīgs, tumšā režīma lietotāja interfeiss var būt azarts. Lai gan spilgtas krāsas var izraisīt spēcīgas emocijas, var būt arī pretējais. Tātad, kas ir jūsu auditorija? Nededziniet tos, ja viņi meklē liftu.

Saspiež vietu

Telpas ar tumšām sienām var justies klaustrofobiski. Ierīcē tumšais režīms var darboties tāpat. Ja mēģināt radīt telpas sajūtu, tumšs interfeiss var padarīt telpu mazāku.

Krāsas ar zemu kontrastu var būt grūti salasāmas. Dizains tumšās krāsās

Ja jūs pareizi nesaprotat krāsas un kontrastus, kad mājas lapas izstrāde vai lietotnēs ar tumšu motīvu, tas var apgrūtināt teksta lasīšanu, tāpēc paturiet to prātā, veidojot e-pastu, lietotni vai vietni tumšajā režīmā.

Kā dizainā izmantot tumšo režīmu

Tumšā režīma dizains var darboties jebkur. No mobilajām lietotnēm līdz viedpulksteņiem un TV saskarnēm, šī dizaina tendence var virzīt jūsu zīmolu uz priekšu. Pareizi rīkojieties, un tumšais režīms var darboties kā bandu izstrādnieki. Izdari to nepareizi, un jūsu dizains var nekavējoties izslēgt lietotājus. Šeit ir daži pamata padomi, veidojot tumšu vietni vai lietotnes saskarni.

Kad izmantot tumšo režīmu. Dizains tumšās krāsās

Izvēlieties sava zīmola krāsas

Kad esošā krāsu palete zīmols jau saderīgs ar tumšo režīmu, tumšā režīma dievi tev smaida.

 

Divreiz padomājiet par tumsu, ja jūtat, ka jums ir jāmaina zīmols, lai tas atbilstu estētiskam. Tāpat, ja jūsu zīmolam ir jāizmanto plašs krāsu klāsts, apsveriet iespēju izmantot gaišāku saskarni. Pilnu krāsu spektru ir grūti nolasīt uz tumša fona.

Izceliet savu nozari. Dizains tumšās krāsās

Tumšā režīma lietotāja saskarne ir noderīga arī noteiktu nozaru uzlabošanai. Piemēram, zīmoli, kas koncentrējas uz naktsdzīvi un izklaidi, ir ideāli piemēroti tumšajam režīmam, jo ​​to augstas enerģijas saturs reālajā dzīvē bieži tiek apvienots ar tumšu fonu.

Iet uz minimālismu

Ja jūsu dizaina estētika jau ir minimālistiska ar ierobežotu saturu, jūsu vide ir piemērota tumšajam režīmam. Situācijā, kad teksts ir galvenais saturs, tumšs interfeiss var apgrūtināt lasīšanu. Parasti tumšais režīms palielina vizuālo jucekli, padarot pārblīvētu ekrānu vēl haotiskāku.

Izraisīt emocijas

Vai mēģināt izraisīt īpašu emocionālu reakciju? Patīk noslēpums vai neliela drāma? Tā kā slikta redzamība rada zinātkāri un pastiprina emocionālo spriedzi, tumšais režīms var būt ideāls līdzeklis jūsu zīmolam.

 

Statusa simbols. Dizains tumšās krāsās

Ja vēlaties radīt statusa sajūtu, tumšā režīma lietotāja saskarne var būt efektīvs rīks. Tumšākas krāsas izraisa emocijas, kas saistītas ar greznību un bagātību. Ja vēlaties pievērst uzmanību smalkajam darbam, apsveriet tumšā režīma lietotāja interfeisu.

 

Tumšā režīma dizaina paraugprakse

Ir noteikti procesi, kuriem ir jādarbojas pareizi, veidojot tumšā režīma lietotāja interfeisu. Galu galā jūs vēlaties, lai jūsu produkts būtu lielisks, vai ne? Atzīmēsim visas rūtiņas tumšā režīma paraugprakses kontrolsarakstā:

1. Nelieciet pārāk tumšs. Dizains tumšās krāsās

Grāmatu izdevēji neizmanto tīru baltu papīru, jo kontrasts ar melno tinti ir pārāk ass. Tas liek jums šķielēt un var izraisīt galvassāpes. Tas pats ir ar digitālajām ierīcēm. Izvairieties no tīras melnās krāsas. Ir grūti skatīties uz augsta kontrasta ekrānu. Labas tumšā režīma krāsas ir pelēkas nokrāsas, kas apvienotas ar nepiesātinātām krāsām.

 

2. Izveidojiet pareizo kontrastu

Fonam tumšajā režīmā jābūt pietiekami tumšam, lai tiktu rādīts balts teksts. Google materiāla dizaina ieteikums ir izmantot teksta un fona kontrasta līmeni vismaz 15,8:1.

3. Piesātiniet krāsas. Dizains tumšās krāsās

Palieciet prom no pilnībā piesātinātām krāsām uz tumša fona. Uz tumšām virsmām toņi bieži šķiet "vibrējami". Tā vietā izmantojiet nepiesātinātas krāsas, piemēram, pasteļtoņus un izslēgtas krāsas — toņus ar pievienotiem pelēkajiem un baltajiem toņiem.

Turklāt apsveriet iespēju mainīt zīmola krāsu paleti. Jūsu uzņēmuma zilā krāsa var atšķirties uz melna un balta. Krāsas tumšajā režīmā bieži ir jāpielāgo, lai radītu tādu pašu reakciju kā gaišajā režīmā.

4. Izmantojiet pareizās krāsas “ieslēgts”

Kādas krāsas? Tā, kas parādās virs elementiem un atslēgu virsmām. Burtiem parasti tiek izmantotas "ieslēgtas" krāsas. Noklusējuma tumšā režīma lietotāja interfeisa krāsa ir tīri balta (#FFFFFF). Neizmantojiet šo. Šķiet, ka #FFFFFF vibrē, skatoties uz tumša fona. Izvēlieties gaiši pelēku krāsu.

5. Nelietojiet vienkārši uzsist. Dizains tumšās krāsās

Ja pārslēdzaties uz tumšo režīmu no standarta režīma, iespējams, sākotnējā motīvā ir vērtīgas vizuālas norādes. Ne tikai apgrieziet krāsas, lai iegūtu tumšu motīvu. Iespējams, jūs pārvēršat krāsas, kurām ir psiholoģisks mērķis, bezjēdzīgās klusinātās krāsās. Izvēlieties krāsu apzināti.

6. Nirstiet dziļāk

Jo augstāks slānis, jo vieglāk tam jābūt. Tas radīs vizuālā hierarhija tumšajā režīmā, kas pāriet no visbiežāk izmantotajiem displeja elementiem uz vismazāk izmantotajiem elementiem.

 

7. Piedzīvo un piedāvā brīvību. Dizains tumšās krāsās

Pārbaudiet sava dizaina tumšās un gaišās versijas. Eksperimentējiet ar katru stilu un veiciet izmaiņas, pamatojoties uz lietotāju atsauksmēm. Galu galā cilvēku izvēles var būt neparedzamas, tāpēc neuzliek slogu saviem lietotājiem. Ļaujiet viņiem pārslēgt displeju no gaišā režīma uz tumšo režīmu. Tādējādi lietotāji var kontrolēt savu pieredzi un justies personalizētākiem.