Kolore iluneko diseinua kolore eskema sakon eta aberatsen erabileran oinarritzen den diseinu bisual bat sortzeko estilo eta ikuspegiari egiten dio erreferentzia, normalean tonu ilunak nagusituz. Diseinu estilo hau ezaguna bihurtu da azken urteotan eta hainbat esparrutan erabil daiteke, besteak beste, web diseinua, diseinu grafikoa, barruko diseinua eta beste.
Moztu argiak, lasaitu begiak eta aurreztu energia. Modu iluna ezagunenetako bat da diseinu joerak, eta WhatsApp, Instagram, Google, Facebook eta Apple bezalako mundu mailako markak modu iluneko diseinu trenera igo dira dagoeneko.
Ikus dezagun zer egiten duten marka nagusi hauek eta nola gehi dezakezun modu iluneko UI bat zure proiektuetan. buruz ikasiko duzu abantailak eta desabantailak modu iluna eta oinarrizko modu iluneko garapen-praktika onenak zure webgunearen eta aplikazioen diseinuak itxura eta funtzionamendua ezin hobeak izan daitezen.
Zer da modu iluna? Diseinua kolore ilunetan
Modu iluna argi gutxiko erabiltzailearen interfazea da, atzeko planoko kolore iluna kolore nagusi gisa erabiltzen duena kolorea - normalean beltza edo grisaren itzala. Diseinatzaileek hamarkadetan zehar erabili duten erabiltzailearen interfaze zuri estandarraren guztiz kontrakoa da. Pantaila-denbora handituari erantzunez, garatzaileek ikusi dute gai iluneko interfazeek begietako nekea murrizten laguntzen dutela, batez ere argi gutxiko baldintzetan edo gauez. Begietako neke gutxiagok buruko min gutxiago eta lan esperientzia hobea ekarri zuen.
Baina modu iluna ez da ezer berria.
Gogoratzen duzu The Matrix-en hondo beltz baten gainean euria egiten ari den ordenagailu-kode berdea? Hau jatorrizko modu ilunari keinu bat izan zen: lehen ordenagailuen eskola zaharreko monitore monokromoei.
Itxura ilun klasiko hau 80ko hamarkadan estilotik pasa zen atzealde zuriaren gainean testu beltzaren alde, paperean tinta simulatuz. Diseinua kolore ilunetan
Zer da bideo-iragarkia? Definizioa, motak eta joerak
Hau izan zen ia hiru hamarkadatan modu iluna Windows Phone 7n 2010ean itzuli zen arte. Google-k modu ilunak bateria aurrezten duela baieztatu ondoren, funtzioa gehitu zuten beren Android OSan 2018an. Urtebete geroago, Apple-k modu ilunarekin jarraitu zuen iOS eta iPadOS-en.
Modu iluna erabiltzearen abantailak. Diseinua kolore ilunetan
Modu iluna begietarako errazagoa izateaz gain (ondo egiten bada), bateriaren iraupena aurrezten du eta osasuntsuagoa ere izan daiteke. Ikus ditzagun modu ilunaren abantaila praktikoak argiaren aurrean.
Begietako tentsioa murrizten du
Ez zenuke zure begiak sentitu behar. Baina pantailako datuak denbora luzez aztertzen dituen edonork badaki pixka bat igaro ondoren hau egiten hasten zarela. Ordenagailu bidezko ikusmenaren sindromeak (CVS) begietako mina, ikusmen lausoa, ikusmen bikoitza, buruko mina, lepoko/bizkarreko mina eta abar barne hartzen ditu. Diagrama eta grafikoei dagokienez, modu ilunak literalki mina murrizten lagun dezake.
Argi gutxitan ikusgarritasuna areagotzen du
Lo egiten ari bazara eta norbaitek argi distiratsua pizten badu, buruko mina izango duzu. Printzipio bera aplikatzen zaie ordenagailuaren pantailaren aurrean lan egiten duten pertsonei, gauez berandu edo goizean goiz. Modu ilunak distira hori murrizten du eta argi gutxiko baldintzetan edukia ikustea errazten du.
Bateria aurrezten du
OLED pantaila duten tramankulu digital batzuek pixel beltzak desaktibatu ditzakete erabiltzen ez direnean. Modu ilunak pixel beltz kopuru handiagoa erabiltzen du, eta horrek gailuak energia gutxiago kontsumitzen du.
Karga emozionala ematen du
Modu iluneko UI erabiltzaile askok energia eta osasun arrazoiengatik aukeratzen dute arrazoi estetikoengatik baino. Modu ilunak zerbait osasungarriagoa egiten ari direla gogorarazten die, eta horrek sentsazio ona ematen die, berrerabilgarria kargatzean lortzen duzuna bezalakoa. erosketa poltsa edo botila bat ur.
ADD eragozten du. Diseinua kolore ilunetan
Beno... nolabait. Argi zuriak eta koloreek arreta distraitzen dute, zeregin bat burutzea zailduz. Modu iluneko UI batek fokua hobetu dezake zure kontzentrazioa zure interfazeko eduki-eremuetara bideratuz, eduki hori agertzeko eta atzeko planoa itzaltzeko aukera emanez.
Modu iluna erabiltzearen txarrak
Guztiak bezala, modu ilunak bere eragozpenak ditu. Ikus ditzagun gai ilun bat zure helburuetarako desabantaila izan daitekeen arrazoiei.
Konexio emozionala murriztu dezake. Diseinua kolore ilunetan
distiratsua koloreek emozio biziak sor ditzakete. Ikusleek hori bilatzen badute, koloreak iluntzeak oztopo mental bat sor diezaieke. Gai ilun batekin lotura emozional bat egitea zailagoa izango dute. Zure marka izaera motibagarria, inspiratzailea edo espirituala bada, modu iluneko interfazea apustu bat izan daiteke. Kolore distiratsuak emozio gogorrak sor ditzaketen arren, kontrakoa egia izan daiteke. Beraz, zein da zure publikoa? Ez erre igogailu baten bila badabiltza.
Espazioa konprimitzen du
Horma ilunak dituzten gelak klaustrofobikoak senti daitezke. Gailu batean, modu iluna modu berean funtziona dezake. Espazio sentsazioa sortzen saiatzen ari bazara, interfaze ilun batek espazioa txikiagoa ager dezake.
Baliteke kontraste txikia duten koloreak irakurtzea zaila izatea. Diseinua kolore ilunetan
Koloreak eta kontrasteak ondo ulertzen ez badituzu noiz webgunearen garapena edo gai iluna duten aplikazioak, testua irakurtzea zaila izan daiteke; beraz, kontuan izan hau zure posta elektronikoa, aplikazioa edo webgunea modu ilunean diseinatzerakoan.
Nola erabili modu iluna diseinuan
Modu iluneko diseinuak edonon funtziona dezake. Mugikorretarako aplikazioetatik hasi eta erloju adimendunetara eta telebistako interfazetara, diseinu-joera honek zure marka aurrera eraman dezake. Ondo egin eta modu iluna gangbusters bezala funtziona dezake. Oker egin eta zure diseinuak erabiltzaileak berehala desaktibatu ditzake. Hona hemen webgune edo aplikazioen interfaze ilun bat diseinatzerakoan oinarrizko aholku batzuk:
Noiz erabili modu iluna. Diseinua kolore ilunetan
Aukeratu zure marka koloreak
Lehendik dagoen kolore-paleta denean marka Modu ilunarekin bateragarria dagoeneko, modu iluneko jainkoak irribarre egiten dizute.
Pentsatu birritan iluntzean zure marka aldatu behar duzula sentitzen baduzu, estetikara egokitzeko. Era berean, zure markak kolore sorta zabala erabili behar badu, kontuan hartu interfaze arinagoa. Kolore-espektro osoa zaila da hondo ilun baten aurrean irakurtzea.
Nabarmendu zure industria. Diseinua kolore ilunetan
Modu iluneko UI-a ere erabilgarria da industria zehatzak hobetzeko. Adibidez, gaueko bizitzan eta entretenimenduan ardaztutako markak aproposak dira modu ilunerako, haien energia handiko edukia askotan bizitza errealean atzeko plano ilunekin uztartzen baita.
Joan minimalista
Zure diseinu estetika minimalista bada eduki mugatuarekin, zure ingurunea modu ilunerako egokia da. Testua eduki nagusia den egoera batean, interfaze ilun batek irakurketa zaildu dezake. Normalean, modu ilunak ikusizko nahastea areagotzen du, pantaila nahasia are kaotikoagoa bihurtuz.
Emozioak sorrarazi
Erantzun emozional zehatz bat pizten saiatzen ari zara? Misterioa edo drama txiki bat gustatzen zaizu? Ikusgarritasun txikiak jakin-mina sortzen duenez eta tentsio emozionala areagotzen duenez, modu iluna zure markarako tresna ezin hobea izan daiteke.
Egoera-ikurra. Diseinua kolore ilunetan
Egoera zentzua sortu nahi baduzu, modu iluneko UI tresna eraginkorra izan daiteke. Kolore ilunek luxuarekin eta aberastasunarekin lotutako emozioak sorrarazten dituzte. Lan bikainari arreta erakarri nahi baduzu, kontuan hartu modu iluneko interfaze bat.
Modu iluneko diseinurako praktika onak
Modu iluneko UI bat sortzean behar bezala funtzionatu behar duten zenbait prozesu daude. Azken finean, zure produktua ikaragarria izatea nahi duzu, ezta? Egiaztatu ditzagun gure modu iluneko jardunbide egokien zerrendako lauki guztiak:
1. Ez zaitez gehiegi iluntzen. Diseinua kolore ilunetan
Liburu argitaletxeek ez dute paper zuri hutsa erabiltzen, tinta beltzaren kontrastea oso gogorra baita. Honek begiak estutzea eragiten du eta buruko minak sor ditzake. Gauza bera gertatzen da gailu digitalekin. Aldendu beltz hutsetik. Zaila da kontraste handiko pantaila bat ikustea. Modu iluneko kolore onak kolore desaturatuekin konbinatutako grisen tonuak dira.
2. Kontraste egokia izan
Modu ilunean atzeko planoak nahikoa iluna izan behar du testu zuria bistaratzeko. Google Material Design-en iradokizun bat da gutxienez 15,8:1eko atzeko planoko kontraste mailarako testu bat erabiltzea.
3. Desaturatu koloreak. Diseinua kolore ilunetan
Aldendu kolore guztiz saturatuetatik hondo ilun batean. Gainazal ilunetan, tonuak sarritan "bibratzen" agertzen dira. Horren ordez, erabili kolore desaturatuak, hala nola pastelak eta kolore isilak, grisak eta zuriak gehituta dituzten tonuak.
Gainera, kontuan hartu zure markaren kolore-paleta aldatzea. Baliteke zure konpainiaren kolore urdina zurian baino desberdina irakurtzea beltzean. Modu iluneko koloreak sarritan egokitu behar dira argi moduan dagoen erantzun bera sortzeko.
4. Erabili kolore egokiak "aktibatuta"
Zein kolore? Elementu eta gako gainazalen gainean agertzen dena. "Aktibatuta" koloreak letrak egiteko erabiltzen dira normalean. Modu iluneko UI kolore lehenetsia zuri hutsa da (#FFFFFF). Ez erabili hau. #FFFFFF atzeko plano ilun baten gainean ikusten denean dardara egiten duela dirudi. Aukeratu kolore gris argi bat.
5. Ez irauli. Diseinua kolore ilunetan
Modu estandarretik modu ilunera aldatzen baduzu, litekeena da jatorrizko gaian ikus-arlo baliotsuak egotea. Ez ezazu koloreak alderantzikatu gai ilun bat lortzeko. Baliteke helburu psikologikoa duten koloreak zentzurik gabeko kolore isildu bihurtzea. Aukeratu kolorea kontzienteki.
6. Sakonago murgildu
Zenbat eta geruza altuagoa izan, orduan eta arinagoa izan behar du. Hau sortuko da hierarkia bisuala modu ilunean, pantailan gehien erabiltzen diren elementuetatik gutxien erabiltzen direnetara pasatzen dena.
7. Askatasuna esperimentatu eta eskaini. Diseinua kolore ilunetan
Probatu zure diseinuaren bertsio iluna eta argia. Probatu estilo bakoitzarekin eta egin aldaketak erabiltzaileen iritzietan oinarrituta. Azken finean, jendearen hobespenak ezustekoak izan daitezke, beraz, ez jarri zama zure erabiltzaileei. Utzi pantaila modu argitik ilunera aldatzeko. Horrek erabiltzaileei beren esperientzia kontrolatzen die eta pertsonalizatuago sentiarazten ditu.
Iruzkin bat idatzi