Designul de culoare închisă se referă la un stil și o abordare pentru crearea unui design vizual care se bazează pe utilizarea unor scheme de culori profunde și bogate, de obicei cu o predominanță a nuanțelor închise. Acest stil de design a devenit popular în ultimii ani și poate fi folosit într-o varietate de domenii, inclusiv design web, design grafic, design interior și altele.

Reduceți luminile, relaxați-vă ochii și economisiți energie. Modul întunecat este unul dintre cele mai populare tendințe de design, iar mărci de talie mondială precum WhatsApp, Instagram, Google, Facebook și Apple s-au urcat deja în trenul de design în modul întunecat.

Să aruncăm o privire la ceea ce fac aceste mărci de top și cum puteți adăuga o interfață de utilizare în mod întunecat propriilor proiecte. Vei afla despre argumente pro şi contra Cele mai bune practici de dezvoltare pentru modul întunecat și modul întunecat de bază pentru a vă asigura că site-ul dvs. web și designul aplicației arată și funcționează perfect.

Material de marketing tipărit

Ce este modul întunecat? Design în culori închise

Modul întunecat este o interfață de utilizator (UI) cu lumină scăzută care folosește o culoare de fundal închisă ca culoare principală culoare - de obicei negru sau nuanță de gri. Acesta este complet opusul interfeței standard de utilizator albă pe care designerii au folosit-o de zeci de ani. Ca răspuns la creșterea timpului nostru de utilizare, dezvoltatorii au descoperit că interfețele cu teme întunecate ajută la reducerea oboselii ochilor, în special în condiții de lumină scăzută sau pe timp de noapte. Mai puțin oboseala ochilor a însemnat mai puține dureri de cap și o experiență de lucru mai bună.

Design aplicație Instagram în modul întunecat Design în culori închise

Interfața de utilizare a modului întunecat Instagram

 

Designul aplicației WhatsApp pe desktop în modul întunecat Design în culori închise

WhatsApp în interfața de utilizare în modul întunecat de pe desktop prin What's App

Designul aplicației în modul întunecat Google Fit

Interfață de utilizator în modul întunecat Google Fit

 

Dar modul întunecat nu este cu adevărat ceva nou.

Dezvoltare poster. 5 reguli

Îți amintești codul verde al computerului care ploua pe un fundal negru în The Matrix? Acesta a fost un semn din cap către modul întunecat inițial: monitoarele monocrome de școală veche ale computerelor timpurii.

Primul computer de acasă cu text verde pe negru

Primele computere de acasă cu text verde pe negru au fost modul întunecat OG.

 

Acest aspect clasic întunecat s-a demodat în anii '80 în favoarea textului negru pe fundal alb, simulând cerneala pe hârtie. Design în culori închise

Ce este publicitatea video? Definiție, tipuri și tendințe

Aceasta a fost norma timp de aproape trei decenii până când modul întunecat a revenit în Windows Phone 7 în 2010. După ce Google a confirmat că modul întunecat economisește bateria, au adăugat caracteristica sistemului de operare Android în 2018. Un an mai târziu, Apple a urmat modul întunecat pe iOS și iPadOS.

Modul întunecat și modul Light în Designul aplicației iOS 13

Modul întunecat în iOS 13

Avantajele utilizării modului întunecat. Design în culori închise

Modul întunecat nu este doar mai ușor pentru ochi (dacă este făcut corect), dar economisește și durata de viață a bateriei și poate fi chiar mai sănătos. Să ne uităm la beneficiile practice ale modului întunecat față de modul luminos.

Reduce oboseala ochilor

Nu ar trebui să-ți simți ochii. Dar oricine analizează datele ecranului pentru o lungă perioadă de timp știe că după un timp începi să faci asta. Sindromul vederii computerizate (CVS) include dureri de ochi, vedere încețoșată, vedere dublă, dureri de cap, dureri de gât/spate și multe altele. Când vine vorba de diagrame și grafice, modul întunecat poate ajuta literalmente la reducerea durerii.

Design aplicație în modul întunecat Design în culori închise

Acest logo verde se potrivește bine cu acest design de aplicație cu temă întunecată.

 

Mărește vizibilitatea în condiții de lumină slabă

Dacă dormi și cineva aprinde o lumină puternică, o să te doare capul. Același principiu se aplică și persoanelor care lucrează în fața unui ecran de computer noaptea târziu sau dimineața devreme. Modul întunecat reduce această strălucire și facilitează vizualizarea conținutului în condiții de lumină scăzută.

Economisește energia bateriei

Unele gadget-uri digitale cu ecrane OLED pot dezactiva pixelii negri atunci când nu sunt folosite. Modul întunecat utilizează un număr crescut de pixeli negri, ceea ce face ca dispozitivul să consume mai puțină energie.

Oferă un impuls emoțional

Mulți utilizatori de interfață de utilizare în modul întunecat îl aleg din motive energetice și de sănătate, mai degrabă decât din motive estetice. Modul întunecat le reamintește că fac ceva mai sănătos, ceea ce le oferă o senzație bună, precum cea pe care o obțineți când încărcați materialul reutilizabil. punga de cumparaturi sau o sticlă de apă.

Previne ADD. Design în culori închise

Un fel de. Lumina albă și culorile tind să vă distragă atenția, ceea ce face dificilă finalizarea unei sarcini. O interfață de utilizare în modul întunecat poate îmbunătăți concentrarea direcționându-vă concentrarea către zonele de conținut ale interfeței, permițând acelui conținut să apară și fundalul să dispară.

Contra folosirii modului întunecat

Ca orice, modul întunecat are dezavantajele sale. Să aruncăm o privire la motivele pentru care o temă întunecată poate fi un dezavantaj pentru scopurile dvs.

Poate reduce conexiunea emoțională. Design în culori închise

luminos culorile pot evoca emoții vii. Dacă acest lucru este ceea ce spectatorii tăi caută, atunci întunecarea culorilor poate crea o barieră mentală pentru ei. Le va fi mai greu să facă o legătură emoțională cu un subiect întunecat. Dacă marca dvs. este de natură motivațională, inspirațională sau spirituală, interfața de utilizare în modul întunecat poate fi un joc de noroc. În timp ce culorile strălucitoare pot evoca emoții puternice, opusul poate fi adevărat. Deci cine este publicul tău? Nu le arde dacă sunt în căutarea unui lift.

Comprimă spațiul

Camerele cu pereți întunecați se pot simți claustrofobe. Pe un dispozitiv, modul întunecat poate funcționa în același mod. Dacă încercați să creați o senzație de spațiu, o interfață întunecată poate face spațiul să pară mai mic.

Culorile cu contrast scăzut pot fi dificil de citit. Design în culori închise

Dacă nu înțelegi corect culorile și contrastele când dezvoltarea site-ului web sau aplicații cu o temă întunecată, acest lucru poate face textul dificil de citit, așa că rețineți acest lucru atunci când vă proiectați e-mailul, aplicația sau site-ul web în modul întunecat.

Cum să utilizați modul întunecat în design

Designul modului întunecat poate funcționa oriunde. De la aplicații mobile la ceasuri inteligente și interfețe TV, această tendință de design vă poate propulsa marca înainte. Faceți-o corect și modul întunecat poate funcționa ca gangbusters. Înțelegeți greșit și designul dvs. ar putea opri utilizatorii imediat. Iată câteva sfaturi de bază atunci când proiectați un site web sau o interfață de aplicație întunecată:

Când să utilizați modul întunecat. Design în culori închise

Alegeți culorile mărcii dvs

Când paleta de culori existentă marca deja compatibil cu modul întunecat, zeii modului întunecat vă zâmbesc.

Designul aplicației în modul întunecat

Designul aplicației în modul întunecat

 

Gândește-te de două ori la întuneric dacă simți că trebuie să-ți schimbi branding-ul pentru a se potrivi cu estetica. De asemenea, dacă marca dvs. trebuie să folosească o gamă largă de culori, luați în considerare o interfață mai ușoară. Spectrul complet de culori este greu de citit pe un fundal întunecat.

Evidențiați industria dvs. Design în culori închise

Interfața de utilizare a modului întunecat este utilă și pentru îmbunătățirea unor industrii specifice. De exemplu, mărcile axate pe viața de noapte și divertisment sunt ideale pentru modul întunecat, deoarece conținutul lor cu energie ridicată este adesea asociat cu fundaluri întunecate în viața reală.

Mergi minimalist

Dacă estetica dvs. de design este deja minimalistă, cu conținut limitat, mediul dvs. este potrivit pentru modul întunecat. Într-o situație în care textul este conținutul principal, o interfață întunecată poate îngreuna citirea. De obicei, modul întunecat crește dezordinea vizuală, făcând un ecran aglomerat și mai haotic.

Evocați emoții

Încercați să evocați un răspuns emoțional specific? Îți place misterul sau o mică dramă? Deoarece vizibilitatea scăzută creează curiozitate și crește tensiunea emoțională, modul întunecat poate fi instrumentul perfect pentru marca dvs.

tema de design web întunecat Design în culori închise

Design web întunecat

 

Simbol de stare. Design în culori închise

Dacă doriți să creați un sentiment de stare, interfața de utilizare a modului întunecat poate fi un instrument eficient. Culorile mai închise evocă emoții asociate cu luxul și bogăția. Dacă doriți să atrageți atenția asupra lucrării fine, luați în considerare o interfață de utilizare în mod întunecat.

Tema întunecată Design de site web pentru o marcă de ceasuri de lux

Design web elegant, de înaltă calitate, cu o temă întunecată

 

Cele mai bune practici pentru proiectarea în mod întunecat

Există anumite procese care trebuie să funcționeze corect atunci când se creează o interfață de utilizare în modul întunecat. La urma urmei, vrei ca produsul tău să fie minunat, nu? Să bifăm toate casetele din lista noastră de verificare a celor mai bune practici pentru modul întunecat:

1. Nu te întuneca prea mult. Design în culori închise

Editorii de cărți nu folosesc hârtie albă pură, deoarece contrastul cu cerneala neagră este prea dur. Acest lucru vă face să mijiți ochii și vă poate provoca dureri de cap. La fel este și cu dispozitivele digitale. Stai departe de negrul pur. Este dificil să te uiți la un ecran cu contrast ridicat. Culorile bune ale modului întunecat sunt nuanțe de gri combinate cu culori desaturate.

Design în culori închise Designul unei reviste digitale mobile în aplicația Dark Mode

Design întunecat al aplicației

 

2. Să aibă contrastul potrivit

Fundalul în modul întunecat trebuie să fie suficient de întunecat pentru a afișa text alb. O sugestie de la Google Material Design este să utilizați un text pentru un nivel de contrast de fundal de cel puțin 15,8:1.

3. Desaturați culorile. Design în culori închise

Stai departe de culorile complet saturate pe un fundal întunecat. Pe suprafețele întunecate, nuanțele par adesea să „vibreze”. În schimb, folosește culori desaturate, cum ar fi pastelurile și culorile atenuate - nuanțe cu gri și alb adăugat.

În plus, luați în considerare modificarea paletei de culori a mărcii dvs. Culoarea albastră a companiei dvs. poate citi diferit pe negru decât pe alb. Culorile în modul întunecat trebuie adesea ajustate pentru a produce același răspuns ca în modul de lumină.

4. Folosiți culorile potrivite „pornit”

Ce culoare? Cel care apare deasupra elementelor și suprafețelor cheie. Culorile „Activate” sunt de obicei folosite pentru litere. Culoarea implicită a interfeței de utilizare pentru modul întunecat este alb pur (#FFFFFF). Nu folosi asta. #FFFFFF pare să vibreze când este văzut pe un fundal întunecat. Alegeți o culoare gri deschis.

5. Nu doar flip. Design în culori închise

Dacă treceți la modul întunecat din modul standard, există probabil indicii vizuale valoroase în tema originală. Nu inversați doar culorile pentru a obține o temă întunecată. Este posibil să transformați culorile care au un scop psihologic în culori fără sens. Alege culoarea în mod conștient.

6. Scufundați-vă mai adânc

Cu cât stratul este mai înalt, cu atât ar trebui să fie mai ușor. Aceasta va crea ierarhie vizuală în modul întunecat, care merge de la elementele cele mai frecvent utilizate de pe afișajul dvs. la cele mai puțin utilizate.

Ierarhia vizuală a modului întunecat

Culorile mai deschise deasupra creează o ierarhie vizuală

 

7. Experimentează și oferă libertate. Design în culori închise

Testați atât versiunile întunecate, cât și cele deschise ale designului dvs. Experimentați cu fiecare stil și faceți modificări în consecință, pe baza feedback-ului utilizatorilor. La urma urmei, preferințele oamenilor pot fi imprevizibile, așa că nu puneți sarcina asupra utilizatorilor dvs. Lăsați-i să-și schimbe afișajul din modul lumină în modul întunecat. Acest lucru oferă utilizatorilor control asupra experienței lor și îi face să se simtă mai personalizați.

 

Asistentul dvs. în compania de publicitate și tipografie de afaceri "АЗБУКА«