Suunnittelu tummissa väreissä

Tumma värisuunnittelu viittaa tyyliin ja lähestymistapaan visuaalisen suunnittelun luomiseen, joka perustuu syvien, täyteläisten väriteemojen käyttöön, yleensä tummat sävyt hallitsevat. Tämä suunnittelutyyli on tullut suosituksi viime vuosina, ja sitä voidaan käyttää useilla aloilla, kuten web-suunnittelussa, graafisessa suunnittelussa, sisustussuunnittelussa ja muilla.

Himmentää valot, rentouttaa silmäsi ja säästää energiaa. Tumma tila on yksi suosituimmista suunnittelun trendejä, ja maailmanluokan brändit, kuten WhatsApp, Instagram, Google, Facebook ja Apple, ovat jo nousseet pimeän tilan suunnittelujunaan.

Katsotaanpa, mitä nämä huippumerkit tekevät ja kuinka voit lisätä pimeän tilan käyttöliittymän omiin projekteihisi. Saat tietoa hyvät ja huonot puolet tumman tilan ja peruspimeän tilan kehittämisen parhaat käytännöt varmistaaksesi, että verkkosivustosi ja sovellusmallisi näyttävät ja toimivat täydellisesti.

Painettu markkinointimateriaali

Mikä on tumma tila? Suunnittelu tummissa väreissä

Tumma tila on hämärässä käytettävä käyttöliittymä (UI), joka käyttää päävärinä tummaa taustaväriä väri - yleensä musta tai harmaan sävyä. Tämä on täysin vastakohta tavalliselle valkoiselle käyttöliittymälle, jota suunnittelijat ovat käyttäneet vuosikymmeniä. Vastauksena lisääntyneeseen näyttöaikaan kehittäjät ovat havainneet, että tumman teeman käyttöliittymät auttavat vähentämään silmien rasitusta, erityisesti hämärässä tai yöllä. Vähemmän silmien rasitusta merkitsi vähemmän päänsärkyä ja parempaa työkokemusta.

 

 

Mutta tumma tila ei ole oikeastaan ​​mitään uutta.

Julisteen kehitys. 5 sääntöä

Muistatko vihreän tietokonekoodin, joka sataa mustalla taustalla Matrixissa? Tämä viittasi alkuperäiseen pimeään tilaan: varhaisten tietokoneiden vanhan koulun yksivärisille näytöille.

 

Tämä klassinen tumma look meni pois muodista 80-luvulla ja suosi mustaa tekstiä valkoisella pohjalla, joka simuloi mustetta paperille. Suunnittelu tummissa väreissä

Mitä on videomainonta? Määritelmä, tyypit ja trendit

Tämä oli normaalia lähes kolmen vuosikymmenen ajan, kunnes tumma tila palasi Windows Phone 7:ään vuonna 2010. Kun Google vahvisti pimeän tilan säästävän akkua, he lisäsivät ominaisuuden Android-käyttöjärjestelmään vuonna 2018. Vuotta myöhemmin Apple seurasi pimeää tilaa iOS:ssä ja iPadOS:ssä.

Tumman tilan käytön plussat. Suunnittelu tummissa väreissä

Tumma tila ei ole vain helpompaa silmille (jos se tehdään oikein), vaan se myös säästää akun käyttöikää ja voi olla jopa terveellisempää. Katsotaanpa pimeän tilan käytännön etuja vaaleaan tilaan verrattuna.

Vähentää silmien rasitusta

Sinun ei pitäisi tuntea silmiäsi. Mutta jokainen, joka analysoi näyttötietoja pitkään, tietää, että jonkin ajan kuluttua alat tehdä tämän. Computer Vision Syndrome (CVS) sisältää silmäkipua, näön hämärtymistä, kaksoisnäköä, päänsärkyä, niska-/selkäkipua ja paljon muuta. Mitä tulee kaavioihin ja kaavioihin, tumma tila voi kirjaimellisesti auttaa vähentämään kipua.

 

Lisää näkyvyyttä hämärässä

Jos nukut ja joku sytyttää kirkkaan valon, saat päänsärkyä. Sama periaate koskee ihmisiä, jotka työskentelevät tietokoneen näytön edessä myöhään illalla tai aikaisin aamulla. Tumma tila vähentää tätä häikäisyä ja helpottaa sisällön katselua heikossa valaistuksessa.

Säästää akun virtaa

Jotkin OLED-näytöllä varustetut digitaaliset vempaimet voivat sammuttaa mustat pikselit, kun niitä ei käytetä. Tumma tila käyttää enemmän mustia pikseleitä, mikä saa laitteen kuluttamaan vähemmän virtaa.

Antaa tunnepitoa

Monet pimeän tilan käyttöliittymän käyttäjät valitsevat sen energia- ja terveyssyistä esteettisten syiden sijaan. Tumma tila muistuttaa heitä siitä, että he tekevät jotain terveellisempää, mikä antaa heille hyvän tunteen – kuten sen, jonka saat, kun lataat uudelleen käytettävän ostoskassi tai vesipullo.

Estää ADD. Suunnittelu tummissa väreissä

No... tavallaan. Valkoinen valo ja värit häiritsevät huomiosi, mikä vaikeuttaa tehtävän suorittamista. Tumman tilan käyttöliittymä voi parantaa tarkennusta ohjaamalla keskittymisesi käyttöliittymäsi sisältöalueisiin, jolloin sisältö ponnahtaa sisään ja tausta haalistuu.

Tumman tilan käytön haitat

Kuten kaikessa, myös pimeässä tilassa on haittapuolensa. Tarkastellaan syitä, miksi tumma teema voi olla haitta tarkoituksiinsi.

Voi vähentää tunneyhteyttä. Suunnittelu tummissa väreissä

kirkas värit voivat herättää eläviä tunteita. Jos katsojasi etsivät tätä, värien tummentaminen voi luoda heille henkisen esteen. Heidän on vaikeampi muodostaa emotionaalista yhteyttä synkän aiheen kanssa. Jos brändisi on luonteeltaan motivoiva, inspiroiva tai henkinen, pimeän tilan käyttöliittymä voi olla uhkapeliä. Vaikka kirkkaat värit voivat herättää voimakkaita tunteita, voi olla päinvastoin. Joten kuka on yleisösi? Älä polta niitä, jos he etsivät hissiä.

Pakkaa tilaa

Huoneet, joissa on tummat seinät, voivat tuntua klaustrofobselta. Laitteessa tumma tila voi toimia samalla tavalla. Jos yrität luoda tilan tuntua, tumma käyttöliittymä voi saada tilan näyttämään pienemmältä.

Vähäkontrastisia värejä voi olla vaikea lukea. Suunnittelu tummissa väreissä

Jos et ymmärrä värejä ja kontrasteja oikein, kun verkkosivujen kehittäminen tai tummalla teemalla varustetut sovellukset, tämä voi vaikeuttaa tekstin lukemista, joten pidä tämä mielessä, kun suunnittelet sähköpostia, sovellusta tai verkkosivustoa pimeässä tilassa.

Kuinka käyttää tummaa tilaa suunnittelussa

Tumman tilan muotoilu voi toimia missä tahansa. Mobiilisovelluksista älykelloihin ja TV-liitäntöihin tämä suunnittelutrendi voi viedä brändiäsi eteenpäin. Tee se oikein, ja tumma tila voi toimia kuin jengihätärit. Jos teet sen väärin, suunnittelusi voi sulkea käyttäjät välittömästi. Tässä on joitain perusvinkkejä pimeän verkkosivuston tai sovelluksen käyttöliittymän suunnittelussa:

Milloin käyttää tummaa tilaa. Suunnittelu tummissa väreissä

Valitse merkkisi värit

Kun olemassa oleva väripaletti merkki Jo yhteensopiva pimeän tilan kanssa, pimeän tilan jumalat hymyilevät sinulle.

 

Harkitse kahdesti hämärtymistä, jos sinusta tuntuu, että sinun on muutettava brändäystäsi estetiikkaan sopivaksi. Samoin, jos brändisi on käytettävä laajaa värivalikoimaa, harkitse kevyempää käyttöliittymää. Täysi värispektri on vaikea lukea tummaa taustaa vasten.

Korosta toimialaasi. Suunnittelu tummissa väreissä

Tumman tilan käyttöliittymä on hyödyllinen myös tiettyjen toimialojen parantamisessa. Esimerkiksi yöelämään ja viihteeseen keskittyvät brändit sopivat ihanteellisesti pimeään tilaan, koska niiden energiapitoinen sisältö yhdistetään usein tummiin taustoihin tosielämässä.

Mene minimalistiksi

Jos suunnitteluestetiikkasi on jo minimalistista rajoitetulla sisällöllä, ympäristösi sopii pimeään tilaan. Tilanteessa, jossa teksti on pääsisältö, tumma käyttöliittymä voi vaikeuttaa lukemista. Tyypillisesti tumma tila lisää visuaalista sotkua, mikä tekee sotkuisesta näytöstä entistä kaoottisemman.

herättää tunteita

Yritätkö herättää tietyn tunnereaktion? Kuten mysteeri vai pieni draama? Koska huono näkyvyys herättää uteliaisuutta ja lisää emotionaalista jännitystä, tumma tila voi olla täydellinen työkalu brändillesi.

 

Statussymboli. Suunnittelu tummissa väreissä

Jos haluat luoda tilan tuntua, pimeän tilan käyttöliittymä voi olla tehokas työkalu. Tummemmat värit herättävät ylellisyyteen ja vaurauteen liittyviä tunteita. Jos haluat kiinnittää huomion hienoon työhön, harkitse pimeän tilan käyttöliittymää.

 

Tumman tilan suunnittelun parhaat käytännöt

Tiettyjen prosessien on toimittava oikein pimeän tilan käyttöliittymää luotaessa. Loppujen lopuksi haluat tuotteesi olevan mahtava, eikö niin? Tarkastetaan kaikki pimeän tilan parhaiden käytäntöjen tarkistusluettelomme valintaruudut:

1. Älä mene liian pimeään. Suunnittelu tummissa väreissä

Kirjakustantajat eivät käytä puhdasta valkoista paperia, koska kontrasti mustaan ​​musteen on liian kova. Tämä saa sinut siristelemään ja voi aiheuttaa päänsärkyä. Sama koskee digitaalisia laitteita. Pysy kaukana puhtaasta mustasta. Korkeakontrastista näyttöä on vaikea katsoa. Hyvät tumman tilan värit ovat harmaan sävyjä yhdistettynä tyydyttymättömiin väreihin.

 

2. Käytä oikeaa kontrastia

Tumman tilan taustan on oltava tarpeeksi tumma, jotta valkoinen teksti näkyy. Google Material Designin ehdotus on käyttää tekstin ja taustan kontrastia vähintään 15,8:1.

3. Poista värien kylläisyys. Suunnittelu tummissa väreissä

Pysy kaukana täysin kylläisistä väreistä tummalla taustalla. Tummilla pinnoilla sävyt näyttävät usein "värähtelevän". Käytä sen sijaan epätyydyttäviä värejä, kuten pastellivärejä ja vaimennettuja värejä – sävyjä, joihin on lisätty harmaita ja valkoisia.

Harkitse myös brändisi väripaletin vaihtamista. Yrityksesi sininen väri voi lukea eri tavalla mustalla kuin valkoisella. Tumman tilan värejä on usein säädettävä, jotta saadaan sama vaste kuin vaaleassa tilassa.

4. Käytä oikeita värejä "päällä"

Mitä väriä? Se, joka näkyy elementtien ja avainpintojen päällä. "On"-värejä käytetään tyypillisesti kirjaimissa. Tumman tilan oletuskäyttöliittymäväri on puhtaan valkoinen (#FFFFFF). Älä käytä tätä. #FFFFFF näyttää värisevän, kun sitä katsotaan tummaa taustaa vasten. Valitse vaaleanharmaa väri.

5. Älä vain käännä. Suunnittelu tummissa väreissä

Jos vaihdat vakiotilasta tummaan tilaan, alkuperäisessä teemassa on todennäköisesti arvokkaita visuaalisia vihjeitä. Älä vain käännä värejä tumman teeman saamiseksi. Saatat muuttaa värit, joilla on psykologinen tarkoitus, merkityksettömiksi mykistetyiksi väreiksi. Valitse väri tietoisesti.

6. Sukella syvemmälle

Mitä korkeampi kerros, sitä vaaleampi sen tulee olla. Tämä luo visuaalinen hierarkia pimeässä tilassa, joka siirtyy näytön useimmin käytetyistä elementeistä vähiten käytettyihin.

 

7. Koe ja tarjoa vapautta. Suunnittelu tummissa väreissä

Testaa suunnittelustasi sekä tummia että vaaleita versioita. Kokeile jokaista tyyliä ja tee muutoksia käyttäjien palautteen perusteella. Loppujen lopuksi ihmisten mieltymykset voivat olla arvaamattomia, joten älä aseta taakkaa käyttäjillesi. Anna heidän vaihtaa näyttönsä vaaleasta tilasta tummaan tilaan. Tämä antaa käyttäjille mahdollisuuden hallita kokemustaan ​​ja saa heidät tuntemaan olonsa henkilökohtaisemmaksi.