Disinn b'kuluri skuri

Id-disinn tal-kulur skur jirreferi għal stil u approċċ għall-ħolqien ta 'disinn viżwali li jiddependi fuq l-użu ta' skemi ta 'kuluri profondi u sinjuri, ġeneralment b'predominanza ta' sfumaturi skuri. Dan l-istil tad-disinn sar popolari f'dawn l-aħħar snin u jista 'jintuża f'varjetà ta' oqsma inklużi disinn tal-web, disinn grafiku, disinn interjuri u oħrajn.

Dim id-dwal, jirrilassaw għajnejk u tiffranka l-enerġija. Mod skur huwa wieħed mill-aktar popolari xejriet tad-disinn, u marki ta’ klassi dinjija bħal WhatsApp, Instagram, Google, Facebook u Apple diġà telgħu fuq il-ferrovija tad-disinn tal-mod skur.

Ejja nagħtu ħarsa lejn x'qed jagħmlu dawn il-marki ewlenin u kif tista 'żżid UI mod skur mal-proġetti tiegħek stess. Inti ser titgħallem dwar vantaġġi u liżvantaġġi Il-mod skur u l-aħjar prattiki bażiċi tal-iżvilupp tal-mod skur biex jiżguraw id-disinji tal-websajt u tal-app tiegħek jidhru u jiffunzjonaw perfettament.

Materjal ta' marketing stampat

X'inhu mod skur? Disinn b'kuluri skuri

Il-mod skur huwa interface tal-utent (UI) b'dawl baxx li juża kulur ta 'sfond skur bħala l-kulur prinċipali kulur - ġeneralment iswed jew dell tal-griż. Dan huwa l-oppost sħiħ tal-interface tal-utent abjad standard li d-disinjaturi użaw għal għexieren ta 'snin. Bi tweġiba għaż-żieda fil-ħin tal-iskrin tagħna, l-iżviluppaturi sabu li l-interfaces tat-temi skuri jgħinu biex inaqqsu t-tensjoni tal-għajnejn, speċjalment f'kundizzjonijiet ta 'dawl baxx jew bil-lejl. Inqas tensjoni tal-għajnejn fisser inqas uġigħ ta 'ras u esperjenza ta' xogħol aħjar.

 

 

Iżda l-modalità skur mhix verament xi ħaġa ġdida.

Żvilupp tal-poster. 5 regoli

Ftakar il-kodiċi aħdar tal-kompjuter ix-xita fuq sfond iswed f'The Matrix? Dan kien nod għall-mod skur oriġinali: il-monitors monokromi ta 'l-iskola l-antika ta' kompjuters bikrija.

 

Din il-ħarsa skura klassika spiċċat barra mill-istil fis-snin 80 favur test iswed fuq sfond abjad, li jissimula linka fuq karta. Disinn b'kuluri skuri

X'inhu r-reklamar bil-vidjo? Definizzjoni, tipi u tendenzi

Din kienet in-norma għal kważi tliet deċennji sakemm il-modalità skur reġgħet lura fil-Windows Phone 7 fl-2010. Wara li Google kkonfermat li l-mod skur jiffranka l-batterija, żiedu l-karatteristika mal-OS Android tagħhom fl-2018. Sena wara, Apple segwa bil-mod skur fuq iOS u iPadOS.

Vantaġġi li tuża l-mod skur. Disinn b'kuluri skuri

Il-mod skur mhux biss huwa aktar faċli fuq l-għajnejn (jekk isir sewwa), iżda wkoll jiffranka l-ħajja tal-batterija u jista 'anke jkun aktar b'saħħtu. Ejja nħarsu lejn il-benefiċċji prattiċi tal-modalità dlam fuq il-modalità tad-dawl.

Inaqqas it-tensjoni tal-għajnejn

M'għandekx tħoss għajnejk. Imma kull min janalizza d-dejta tal-iskrin għal żmien twil jaf li wara ftit tibda tagħmel dan. Is-Sindrome tal-Viżjoni tal-Kompjuter (CVS) jinkludi uġigħ fl-għajnejn, vista mċajpra, vista doppja, uġigħ ta’ ras, uġigħ fl-għonq/dahar u aktar. Meta niġu għal charts u graphs, il-mod skur jista 'litteralment jgħin biex inaqqas l-uġigħ.

 

Iżżid il-viżibilità f'dawl baxx

Jekk qed torqod u xi ħadd jixgħel dawl qawwi, ikollok uġigħ ta’ ras. L-istess prinċipju japplika għal nies li jaħdmu quddiem skrin tal-kompjuter tard bil-lejl jew kmieni filgħodu. Il-mod skur inaqqas din id-dija u jagħmilha aktar faċli biex tara l-kontenut f'kundizzjonijiet ta 'dawl baxx.

Jiffranka l-enerġija tal-batterija

Xi aġġeġġi diġitali bi skrins OLED jistgħu jitfu pixels suwed meta ma jkunux qed jintużaw. Il-mod skur juża numru akbar ta 'pixels suwed, li jikkawża li l-apparat jikkonsma inqas enerġija.

Jagħti piż emozzjonali

Ħafna utenti tal-UI tal-mod skur jagħżluha għal raġunijiet ta 'enerġija u saħħa aktar milli raġunijiet estetiċi. Il-mod skur ifakkarhom li qed jagħmlu xi ħaġa aktar b'saħħitha, li tagħtihom sensazzjoni tajba—bħal dik li jkollok meta tgħabbi l-materjal li jerġa' jintuża. borża tax-xiri jew flixkun ilma.

Jipprevjeni ADD. Disinn b'kuluri skuri

Ukoll... tip ta '. Dawl abjad u kuluri għandhom it-tendenza li jtellfu l-attenzjoni tiegħek, u jagħmluha diffiċli biex tlesti kompitu. UI b'mod skur tista' ttejjeb l-attenzjoni billi tidderieġi l-konċentrazzjoni tiegħek lejn l-oqsma tal-kontenut tal-interface tiegħek, li tippermetti li dak il-kontenut jidħol u l-isfond jisparixxi.

Żvantaġġi li tuża l-mod skur

Bħal kollox, il-mod skur għandu l-iżvantaġġi tiegħu. Ejja nagħtu ħarsa lejn ir-raġunijiet għalfejn tema skura tista' tkun ta' żvantaġġ għall-iskopijiet tiegħek.

Jista 'jnaqqas il-konnessjoni emozzjonali. Disinn b'kuluri skuri

Bright kuluri jistgħu jqanqlu emozzjonijiet ħaj. Jekk dan huwa dak li qed ifittxu t-telespettaturi tiegħek, allura dlam tal-kuluri jista 'joħloq barriera mentali għalihom. Se jkollhom żmien aktar diffiċli biex jagħmlu konnessjoni emozzjonali ma 'suġġett mudlam. Jekk il-marka tiegħek hija ta' natura motivazzjonali, ta' ispirazzjoni jew spiritwali, l-UI tal-mod skur jista' jkun logħob tal-azzard. Filwaqt li kuluri jleqqu jistgħu jqanqlu emozzjonijiet qawwija, l-oppost jista 'jkun minnu. Allura min hi l-udjenza tiegħek? Taħraqx jekk ikunu qed ifittxu lift.

Jikkompressa l-ispazju

Kmamar b'ħitan skuri jistgħu jħossuhom klawstrofobiċi. Fuq apparat, mod skur jista 'jaħdem bl-istess mod. Jekk qed tipprova toħloq sensazzjoni ta 'spazju, interface skur jista' jagħmel l-ispazju jidher iżgħar.

Kuluri b'kuntrast baxx jistgħu jkunu diffiċli biex jinqraw. Disinn b'kuluri skuri

Jekk ma tifhimx kuluri u kuntrasti b'mod korrett meta żvilupp tal-websajt jew apps b'tema skura, dan jista' jagħmel it-test diffiċli biex jinqara, għalhekk żomm dan f'moħħok meta tfassal l-email, l-app, jew il-websajt tiegħek fil-modalità mudlama.

Kif tuża l-mod skur fid-disinn

Id-disinn tal-modalità skur jista 'jaħdem kullimkien. Minn apps mobbli għal smartwatches u interfaces tat-TV, din it-tendenza tad-disinn tista 'tmexxi l-marka tiegħek 'il quddiem. Ikseb it-tajjeb u l-mod skur jista 'jaħdem bħal gangbusters. Tiġi ħażin u d-disinn tiegħek jista 'jitfi lill-utenti immedjatament. Hawn huma xi suġġerimenti bażiċi meta tfassal websajt skura jew interface tal-app:

Meta tuża l-mod skur. Disinn b'kuluri skuri

Agħżel il-kuluri tad-ditta tiegħek

Meta l-paletta tal-kulur eżistenti marka diġà kompatibbli mal-modalità skur, l-allat tal-modalità skur qed jitbissmu fuqek.

 

Aħseb darbtejn biex tmur skur jekk tħoss li għandek bżonn tibdel il-marka tiegħek biex taqbel mal-estetika. Bl-istess mod, jekk il-marka tiegħek teħtieġ tuża firxa wiesgħa ta 'kuluri, ikkunsidra interface eħfef. L-ispettru sħiħ tal-kulur huwa diffiċli biex jinqara fuq sfond skur.

Enfasizza l-industrija tiegħek. Disinn b'kuluri skuri

L-UI tal-mod skur huwa utli wkoll għat-titjib ta 'industriji speċifiċi. Pereżempju, il-marki ffukati fuq il-ħajja bil-lejl u d-divertiment huma ideali għall-mod skur minħabba li l-kontenut ta’ enerġija għolja tagħhom spiss ikun imqabbel ma’ sfondi skuri fil-ħajja reali.

Mur minimalista

Jekk l-estetika tad-disinn tiegħek hija diġà minimalista b'kontenut limitat, l-ambjent tiegħek huwa adattat għall-mod skur. F'sitwazzjoni fejn it-test huwa l-kontenut ewlieni, interface skur jista 'jagħmilha diffiċli biex jinqara. Tipikament, il-mod skur iżid l-imbarazz viżwali, u jagħmel skrin imbarazz saħansitra aktar kaotiku.

Nevoka l-emozzjonijiet

Jipprova tevoka rispons emozzjonali speċifiku? Bħal misteru jew ftit drama? Peress li l-viżibilità baxxa toħloq kurżità u żżid it-tensjoni emozzjonali, il-mod skur jista 'jkun l-għodda perfetta għall-marka tiegħek.

 

Simbolu tal-istatus. Disinn b'kuluri skuri

Jekk trid toħloq sens ta 'status, l-UI mod skur tista' tkun għodda effettiva. Kuluri aktar skuri jevokaw emozzjonijiet assoċjati mal-lussu u l-ġid. Jekk trid tiġbed l-attenzjoni għax-xogħol tajjeb, ikkunsidra UI mod skur.

 

L-Aħjar Prattiki għad-Disinn tal-Modalità Skura

Hemm ċerti proċessi li jridu jaħdmu b'mod korrett meta joħolqu UI mod skur. Wara kollox, trid li l-prodott tiegħek ikun tal-biża, hux? Ejja niċċekkjaw il-kaxxi kollha fuq il-lista ta' kontroll tal-aħjar prattiki tagħna tal-mod skur:

1. M'għandekx tmur wisq skur. Disinn b'kuluri skuri

Il-pubblikaturi tal-kotba ma jużawx karta bajda pura għax il-kuntrast mal-linka sewda huwa iebes wisq. Dan iġġiegħlek tgħaxxaq u jista’ jikkawża uġigħ ta’ ras. Huwa l-istess ma 'apparat diġitali. Żomm 'il bogħod mill-iswed pur. Huwa diffiċli li tħares lejn skrin b'kuntrast għoli. Kuluri tajbin ta 'mod skur huma sfumaturi ta' griż flimkien ma 'kuluri desaturati.

 

2. Ikollhom il-kuntrast it-tajjeb

L-isfond fil-modalità skur għandu jkun skur biżżejjed biex juri test abjad. Suġġeriment minn Google Material Design huwa li tuża test għal livell ta' kuntrast fl-isfond ta' mill-inqas 15,8:1.

3. Iddiżatura l-kuluri. Disinn b'kuluri skuri

Żomm 'il bogħod minn kuluri kompletament saturati fuq sfond skur. Fuq uċuħ skuri, l-ilwien spiss jidhru li "jivvibraw". Minflok, uża kuluri desaturati bħal pastelli u kuluri siekta - sfumaturi bi griż u abjad miżjud.

Barra minn hekk, ikkunsidra li tbiddel il-paletta tal-kulur tal-marka tiegħek. Il-kulur blu tal-kumpanija tiegħek jista' jinqara b'mod differenti fuq l-iswed milli fuq l-abjad. Il-kuluri fil-modalità skur ħafna drabi jridu jiġu aġġustati biex jipproduċu l-istess rispons bħal fil-modalità tad-dawl.

4. Uża l-kuluri t-tajba "on"

Liema kulur? Dak li jidher fuq elementi u uċuħ ewlenin. Il-kuluri "Fuq" huma tipikament użati għall-ittri. Il-kulur default UI tal-mod skur huwa abjad pur (#FFFFFF). Tużax dan. #FFFFFF jidher li jivvibra meta wieħed iħares lejn sfond skur. Agħżel kulur griż ċar.

5. M'għandekx biss flip. Disinn b'kuluri skuri

Jekk taqleb għall-modalità skura mill-modalità standard, x'aktarx hemm indikazzjonijiet viżwali ta 'valur fit-tema oriġinali. M'għandekx biss taqleb il-kuluri biex tikseb tema skura. Inti tista 'tbiddel kuluri li għandhom skop psikoloġiku fi kuluri siekta bla sens. Agħżel il-kulur konxjament.

6. Għaddas aktar fil-fond

Aktar ma jkun għoli s-saff, iktar għandu jkun eħfef. Dan se joħloq ġerarkija viżwali fil-modalità mudlama, li tmur mill-aktar elementi użati ta 'spiss fuq il-wiri tiegħek għall-inqas użati.

 

7. Esperjenza u joffru l-libertà. Disinn b'kuluri skuri

Ittestja kemm verżjonijiet skuri kif ukoll ħfief tad-disinn tiegħek. Esperimenta ma 'kull stil u agħmel bidliet skont il-bażi tal-feedback tal-utent. Wara kollox, il-preferenzi tan-nies jistgħu jkunu imprevedibbli, għalhekk ma tpoġġix il-piż fuq l-utenti tiegħek. Ħallihom jaqilbu l-wiri tagħhom mill-modalità tad-dawl għall-modalità skura. Dan jagħti lill-utenti kontroll fuq l-esperjenza tagħhom u jagħmilhom iħossuhom aktar personalizzati.