Miksi verkkosivusto + tumma tausta on parempi kuin luulet

Tummalla taustalla olevat verkkosivustot

Hyväksytty kaava verkkosivujen suunnittelulle on valkoinen tausta, musta tai tummanharmaa teksti ja tuotemerkin väritys siroteltu runsaasti kaikkialla. Valtaosa parhaiten suoriutuvista verkkosivustoista käyttää tätä kaavaa hyvin. Mutta onko se ainoa kaava, joka voi onnistua? Tässä artikkelissa aiomme syvällisesti luoda tummalla taustalla muotoilun - ja miksi joskus on parempi käyttää tätä käsitettä, koska joskus tummalla taustalla olevat verkkosivustot voivat suoriutua paremmin kuin valkoinen.

Käynnistä WordPress-teema, SquareSpace, Webflow, Weebly tai jokin monista muista web-suunnittelutyökaluista, ja se lataa automaattisesti valkoisella taustalla olevan sivun mustalla tekstillä. Voit muuttaa sitä tietysti, mutta tämä yhdistelmä on koettu normi.

Sen ei tarvitse olla.

Kun se tehdään oikein, verkkosivuston tumma tausta voi toimia paremmin kuin luulet.

Minkä tahansa verkkosuunnittelun ensimmäinen huolenaihe on, mitä käyttäjä haluaa? Mitkä värit sopivat väliaineelle, tuotemerkille, käyttötarkoitukselle, kohdeyleisölle ja mikä toimisi laitteilla, joita käytetään sivuston käyttämiseen?

Suurin osa asiakkaista olettaa, että se on valkoinen tausta, jossa on mustat tai tummat sans serif -fontit. Tämä oletus ei välttämättä ole niin mustavalkoinen (pun-tarkoitus).

 

Miksi valkoinen

Miksi valkoinen?

On kaksi ensisijaista syytä, miksi mustan ja valkoisen yhdistelmää pidetään normaalina.

Mutta tämä juontaa juurensa historiaan: Tulostus ja luettavuus.

Kun teimme kaiken paperilla, paperin luonnonvalkoinen väri tarkoitti sitä, että oli helpompaa käyttää mustaa mustetta kuin paperia. Sinä tarvitsit less väriainetta ja se oli paljon puhtaampaa ja helpompaa työtä. Ensimmäiset painetut pamfletit olivat mustaa mustetta vaalealle paperille ja tulostusmateriaali pysyi sellaisena.

Toinen syy on luettavuus. Monille käyttäjille, etenkin mobiililaitteille, valkoinen tummalla ei aina lue hyvin. Niillä, joilla on näkövammaisia, kuten astigmatismi, on vaikeuksia erottaa valkoista tekstiä tummalla taustalla. Kaikki, mikä saa oppilaan laajentumaan kuin tumma näyttö, tarkoittaa sitä, että heikkeneminen lisääntyy, mikä tekee sivusta erittäin vaikea lukea.

Suuri muotoilu voi kuitenkin voittaa nämä puutteet ja voi vaikuttaa, välittää tunteita ja vaikuttaa kävijään tavoilla, joita valkoinen tausta yksinkertaisesti ei pysty.

Pimeyden voima

Mitä sinun on tiedettävä tummasta taustasta

Sanon täällä paljon tummaa eikä mustaa.

Musta on ilmeinen valinta verkkosivuston tummalle taustalle, mutta se ei ole ainoa vaihtoehto. Tummasta taustasta löytyy tuhansia muunnelmia, ja musta on vain yksi niistä. Tummanpunainen, tummanvihreä, tummansininen ja muut voivat kaikki toimia oikean muotoilun kanssa oikeassa tilanteessa.

Värin käytössä suunnittelussa on monia näkökohtia, enkä aio tyytyä asiaan niiden kaikkien kanssa täällä. Keskityn vain niihin näkökohtiin, jotka liittyvät tummaan taustaan.

Visuaalinen havainto pimeästä

Visuaalinen havainto pimeästä

Paljon siteerattu kysely, jonka ProBlogger suoritti jo vuonna 2009 osoitti meille, että verkkokäyttäjät eivät kannata valkoista taustaa niin kuin voimme alun perin ajatella.

Vaikka nyt kymmenen vuotta vanha, kyselyssä vain 47% vastaajista piti aina vaaleaa taustaa. Lisäksi 36% sanoi, että se riippuu blogista, 10% sanoi mieluummin aina pimeää ja 7% ei voinut päättää. Suurin osa voi mieluummin käyttää valkoista taustaa, mutta 43% sanoi pitäneensä pimeästä tai sen pitäisi riippua sivuston yleisestä suunnittelusta.

blogitaustakyselyjen tulokset

Uusi kysely neljä vuotta myöhemmin CSS-Tricksissä havaitsi, että suurin osa vastaajista piti parempana vaaleaa tekstiä tummalla taustalla. Selvyyden vuoksi tämä oli kysely koodaustyökalujen käytöstä ja kysyi, minkä kokoonpanon käyttäjät suosivat koodieditorit, tumma valkoinen tai valkoinen tumma. Vastanneista 63% heistä piti tummaa taustaa.

css temppuja tumma tausta kysely

Kontrastinäkökulma

Nopeasti otsikoitu 'Verkkosivun teksti-taustaväriyhdistelmien vaikutus luettavuuteen, säilyttämiseen, estetiikkaan ja käyttäytymistarkoituksiin'on mielenkiintoinen tutkimus.

Siinä tarkasteltiin, kuinka taustan ja tekstin värien kontrasti verkkosuunnittelussa oli ratkaiseva tekijä sen käytettävyydessä eikä käytetyissä väreissä. Emme puhu estetiikasta, puhtaasti käytettävyydestä.

Kontrastinäkökulma

Tutkimuksessa havaittiin, että polarisaatio vaikutti luettavuuteen enemmän kuin taustan todellinen väri. Joten valkoinen mustalla on yhtä tehokas kuin musta valkoisella, kunhan näiden kahden värin välillä on riittävä kontrasti, luettavuus, luettavuus ja helppokäyttöisyys säilyvät.

Kontrasti on uskomattoman tärkeä verkkosuunnittelussa.

Jotkut nykyaikaiset verkkosivustot yrittävät käyttää pienikontrastisia malleja, joissa on sekavia tuloksia. Jopa Apple ovat kokeilleet sitä joillakin verkkosivujen sivuilla.

Pienikontrastiset sivut ovat vaikeampia lukea, eivät toimi näkövammaisille ja vaativat lukijalta enemmän vaivaa sen ymmärtämiseksi. Mikään niistä ei takaa hyvää sivun suunnittelua.

Tämä on ristiriidassa kontrastin kanssa ja lukija kärsii. Mielestäni sillä ei ole väliä, onko käytössä tumma valossa vai vaalea pimeässä, kunhan kontrastisuhde on niin laaja kuin se voi auttaa luettavuuden parantamiseksi.

Luettavuus

Tummat taustat voivat olla täydellinen suunnitteluvalinta joissakin tilanteissa.

Tekstipainaiset verkkosivustot eivät ole yksi näistä tilanteista. Vaikka kontrastilla on suurempi vaikutus sivun luettavuuteen, myös värivalinnalla on vaikutusta. Jacob Nielsenin mukaan negatiivinen teksti, tumman taustan valkoisen tekstin lukeminen vaatii hieman enemmän vaivaa ja luetaan hitaammin kuin positiivinen teksti, joka on mustaa valkoisella pohjalla.

Sen lisäksi, että tekstin ja taustan kontrasti on riittävä, luettavuuteen ei vaikuteta.

Luettavuus

Haluaisin lisätä siihen vähän. Valkoisen tekstin sanominen tummalla taustalla ei vaikuta luettavuuteen niin kauan kuin suunnittelet sen oikein.

Minulle se tarkoittaa:

  • Lohkojen välissä olevan tyhjän tilan älykäs käyttö valovuotojen estämiseksi.
  • Oikeita luettavuussääntöjä noudatetaan lyhyiden lauseiden, lyhyiden kappaleiden, lyhyiden sanojen ja helposti sulavan kopion muodossa.
  • Huolellinen fonttivalinta maksimoi luettavuus eri näyttökokoilla.
  • Maksimaalisen kontrastin säilyttäminen työskenneltäessä tummalla taustalla.
  • Vältä kaltevuuksia ja varjostusta tummalla taustalla.

Kirjasimen valinta on tärkeää missä tahansa verkkosuunnittelussa, mutta vielä enemmän, kun käsitellään tummia taustoja.

Valitsemme yleensä serif-kirjasimet, koska ne lisäävät muotoiluun tyyliä tai tyylikkyyttä ja käyttävät sans serif -mallia modernisuuteen. Kun käsitellään vaaleaa tekstiä tummalla taustalla, valinta kapenee vain serifiksi.

Serif-fontit voivat toimia, mutta vaativat lukijalta enemmän työtä ymmärtämiseksi. Tämä pahentuu käytettäessä pienempiä näyttöjä tai matkapuhelinta.

Tunnekäsitysnäkökulma

Tunnekäsitysnäkökulma

Me kaikki tiedämme, että eri värit voivat herättää erilaisia ​​tunteita. Olemme tienneet tämän vuosien ajan, ja uudemmat tutkimukset ovat tukeneet sitä todisteilla. Tiedämme, että erilainen väriyhdistelmät vaikuttaa aivoihin eri tavoin ja jotkut markkinoijat ajattelevat, että pelkkä värin käyttö voi lisätä muuntamista.

Väripsykologia kertoo meille, että kun näemme värejä, aivomme viestivät hormonien vapautumisesta, mikä voi saada meidät tuntemaan tunteita. Eri värit aiheuttavat erilaisten hormonien vapautumista mikä voi vaikuttaa siihen, miltä meistä tuntuu jostakin tietystä väristä. Tämä yhdistyy käsitykseen värin merkityksestä, jota voidaan käyttää meitä vastaan ​​markkinoinnissa ja myynnissä.

Meillä on vakiintuneita ideoita siitä, mitä väri tarkoittaa.

Esimerkiksi musta yhdistetään usein voimakkaana värinä, eroottisena, salaperäisenä, muodollisena ja tyylikkäänä. Valkoinen tuntuu puhtaalta, raikkaalta, modernilta, nuorelta, helposti saavutettavalta ja tutulta. punainen on rohkea, voimakas, luottavainen ja aistillinen.

Jokainen väri herättää lukijana erilaisia ​​tunteita, minkä vuoksi web-suunnittelijoina vietämme niin kohtuuttoman paljon aikaa yrittäen löytää täydellisen yhdistelmän ja sitten vielä pidempään yrittäen vakuuttaa asiakkaan valitsemamme värit toimivat.

Tumman taustan edut

Tumman taustan edut

Tummat taustat eivät sovi jokaiseen suunnitteluun tai projektiin.

Kun ne sopivat, tumma tausta voi lisätä luonnetta, vaikutusta, korostusta ja tunnepitoisuutta verkkosuunnitteluun. Olen käsitellyt kaiken tämän, joten katsotaanpa joitain muita etuja, kun tummat taustat käytetään suunnittelussa.

1. Less silmäkanta

Ilmeisesti sitä on helpompi lukea pidempään, kun käytetään tummaa taustaa. Vaikka luemme hitaammin, niin kauan kuin kontrastisuhde on riittävän leveä ja muotoilu on muuten ääni, voimme lukea ilman silmien rasittamista pidempään.

Silmistä, tummat taustat vaikuttavat uneen less liian. Näyttö sisältää less sininen/valkoinen valo kuin perinteinen verkkosivu. Tämän sinisen valon uskotaan nykyään laajalti vaikuttavan vuorokausirytmiimme ja unihimme, aiheuttavan sairauksia ja vaikuttavan negatiivisesti jokapäiväiseen elämäämme.

2. Tyylikäs

Siellä on syy, miksi jokaisella naisella on pieni musta mekko tai miksi limusiinit ovat mustia. Se lisää tyyliä ja tyylikkyyttä, jota on vaikea saada muualle. Niin kauan kuin yleinen muotoilu on korkealaatuista, tummien taustojen käyttäminen tuo heti tunteen, joka voi vaikuttaa ostopäätökseen, luoda emotionaalisen linkin tai saada lukijan ottamaan näkemänsä vakavammin.

3. Tunnettavuus

Tummalla taustalla olevat verkkosivustot olivat aiemmin hyvin harvinaisia. Ne, jotka näimme, eivät usein noudattaneet käytettävyyssääntöjä eivätkä toimineet hyvin. Kun enemmän ohjelma-käyttöliittymiä käyttää tummia taustoja, pelit käyttävät yhä enemmän tummia taustoja valikoissa, navigointi ja leikkauskuvat sekä yötila kaikenlaisissa laitteissa, pimeä ei ole enää niin kapea.

Näemme sen kaikkialla. Monista Adobe-tuotteista, Windows 10 Dark Mode, Mac OS Dark Mode, Adobe Photoshop ja Dreamweaver ja monista muista johtavista ohjelmista.

Nyt olemme tottuneet näkemään vaaleaa tekstiä tummalla taustalla, se ei yllättä eikä vaikuta odotuksiimme negatiivisesti samalla tavalla kuin aiemmin.

4. erottuu

Vaikka tummalla taustalla olevat verkkosivustot ovat yhä hyväksyttävämpiä, ne ovat edelleen vähemmistössä. Tämä tarjoaa vaikutuksen heti, kun joku laskeutuu sivulle. Jo ennen kuin sana luetaan tai kuva skannataan, sivusi tekee jo vaikutelman ja saa lukijan katsomaan muotoilua tuorein silmin.

Niin kauan kuin muotoilu rakentuu alkuperäiseen ensivaikutelmaan, jolla on hyvä luettavuus, hyvä tilankäyttö ja vaikuttavia kuvia, olet voittaja.

5. Häivyy taustalle

Tummat käyttöliittymät ja taustat tarjoavat ensimmäisen ensimmäisen vaikutuksen, mutta voivat sitten hiipua hiljaa taustalle, jotta sisältö loistaa. Tämä pätee enemmän käyttöliittymäsuunnittelussa, mutta sillä on merkitystä myös web-suunnittelussa. Huolellisesti sijoitetut kuvat ja sisältö, joilla on oikea kontrastitaso, erottuvat paljon enemmän samalla, kun tausta itsessään vetäytyy näkyvistä.

Tämä voi auttaa lukemaan sivun sisältöä kirkkaissa ympäristöissä, kuten ulkona tai voimakkaassa valossa. Pimeässä ympäristössä valkoinen tai vaalea tausta voi rasittaa silmiä ja olla vaikea lukea. Vaaleissa ympäristöissä tumma tausta voi olla päinvastainen. Vaikka emme voi suunnitella erityisiä ympäristöjä, se on kuitenkinless tumman taustan etu, että se lukee hyvin auringonvalossa.

Tummien taustojen käytön haitat

Tummien taustojen käytön haitat

Tumman taustan käyttäminen suunnittelussa ei ole yleisesti ottaen myönteistä. Tällä tyylillä on joitain haittapuolia, eikä niitä pidä aliarvioida.

1. Huolellinen harkinta

Tummat taustat eivät toimi kaikilla asiakkailla tai kaikissa tilanteissa. Tämä suunnitteluteema vaatii paljon enemmän ajattelua ja suunnittelua kuin perinteinen vaalea tausta. Se vaatii myös enemmän käyttäjien testausta varmistaakseen, että saldo on oikea ennen julkaisua. Kaikki tuotemerkkijärjestelmät eivät toimi tummalla taustalla. Kaikki tuotteet tai aiheet eivät myöskään toimi sen kanssa.

Jotkut asiakkaat kokevat edelleen tummat taustat tavallamme negatiivisesti. Vaikka olisit vakuuttunut, että pimeä tausta on oikea tapa edetä, sinulla voi olla vaikeampi aika vakuuttaa asiakasta kuin olisit, jos menisit perinteisellä reitillä.

2. Huolellinen suunnittelu

Kaikki suunnitteluvaihtoehdot edellyttävät huolellista suunnittelua, väriä, kirjasinta ja kuvan valintaa. Tummien taustojen käyttäminen tuo siihen vielä enemmän ajatuksia. Valkoisesta / tummasta tilasta tulee vieläkin tärkeämpi, jotta estetään kevyt verenvuoto pimeään ja tekstin luettavuus. Kuvat ja muotoiluelementit tarvitsevat todellisen erottelun, jotta ne pysyvät luettavissa ja estävät valon tai värin vuotamisen muille alueille.

Tämän vuoksi kehitysprosessi voi kestää kauemmin tummalla taustalla. Lisää käyttäjätestejä saatetaan tarvita, ja myös mobiilikokemuksen tarkennukset voivat olla tarpeen.

3. Huolellinen tasapaino

Tummien elementtien käyttäminen suunnittelussa lisää sivun painoa. Liian suuri paino ja sivu voi tuntua hankalalta ja raskaalta. Tämä on vielä totta, kun käsitellään tummia taustoja. Jokainen sivu on tasapainotettava erittäin huolellisesti, jotta se ei enää tunnu raskaalta ja tuodaan esiin sen luontainen tyylikkyys eikä epärehellisyys.

Se on vaikea kysymys ja vaatii paljon puhdistusta ja paljon valkoista / mustaa tilaa sivulla pitääkseen sen tasapainossa.

4. saavutettavuus

Yksi näkökohta tummissa malleissa, joihin ei kiinnitetä paljon huomiota, on esteettömyys. Jokaisessa verkkosuunnittelussa tulisi olla mielessä esteettömyys suunnittelun varhaisissa vaiheissa. Onneksi, kunhan noudatat tekstin ja taustan suurta kontrastia koskevia yleisiä sääntöjä, suurin osa käyttäjistä pystyy lukemaan ja ymmärtämään sivusi.

- Verkkosisällön esteettömyysohjeet (WCAG) vaatii 4.5.1 värikontrastin tekstin ja taustan välillä normaalille tekstille ja 3: 1 värikontrastin suurelle tekstille. Se ehdottaa valkoista tekstiä mustille taustoille, mutta muille väreille on jonkin verran liikkumavaraa, kunhan kontrastisuhde pysyy mahdollisimman laajana.

Mainitsin astigmatismin aiemmin, koska tämä on yksi heikentyminen, johon tummien taustojen käyttö vaikuttaa negatiivisesti. Astigmatismi on sarveiskalvon epätäydellisyys, joka aiheuttaa näön hämärtymistä tai vääristymistä. Tummalla taustalla oppilaan on laajennettava lukemaan, mikä korostaa epätarkkuutta.

Vaikka tämä on vain yksi heikentyminen monien maailmassa, noin 33 prosentilla amerikkalaisista on jonkinlainen astigmatismi. Jos laajennat sen maailmanlaajuiseen yleisöön, melkein kolmasosalla potentiaalisesta yleisösi voi olla astigmatismi jossain määrin. Jokainen muotoilu on otettava huomioon.

Kun tummat taustat toimivat parhaiten

Milloin sinun tulisi käyttää tummaa taustaa

On olemassa useita tilanteita, joissa tumma tausta soveltuu hyvin verkkosuunnitteluun. Ne sisältävät:

  • Kun haluat tehdä alkuperäisen visuaalisen vaikutelman.
  • Kun pimeä sopii asiakkaan tuotemerkkiin.
  • Esittäessään ylellisyystuotteita tai korkealaatuisia tuotteita tai palveluita.
  • Kun muotoilu on moderni tai minimalistinen.
  • Kun sinun on luotava draamaa tai mysteeri suunnittelussa.

Kun sinun ei pitäisi käyttää tummaa taustaa

Vastaavasti on aikoja, joissa tumma tausta ei ole paras vaihtoehto, ja sitä tulisi välttää hinnalla millä hyvänsä. Vaikka asiakas vaatisi sellaisen käyttämistä.

  • Kun sivu on raskasta.
  • Kun brändin ääni ei tue sitä.
  • Kun tiedetään, että kohdeyleisö ei reagoi siihen hyvin.
  • Kun sivulla on paljon tekemistä ja valkoinen / musta tila on huippuluokan.
  • Kun tarkoitus on B2B tai virallinen, kuten valtion.

 

10 Esimerkkejä tummasta taustasta

Osoittaakseni, mitä tarkoitan tummien taustojen näyttävän hämmästyttäviltä, ​​kun ne tehdään oikein, olen kerännyt kymmenen erinomaista teemaa, jotka käyttävät niitä. Jokaisella on hieman erilainen muotoilu, mutta kaikilla on yksi yhteinen piirre, he käyttävät tummia taustoja maksimaaliseen vaikutukseen.

1. Divi Web-freelancereiden asettelupaketilla

tumma asettelun esikatselu

Divi WordPress -teeman on oltava yksi joustavimmista. Vaikka monet sen mallit ovat vaaleaa taustaa, voit kääntää sen muutamassa sekunnissa. Lisää Web Freelancers Layout Pack Diviin ja saat upean, tummalla taustalla olevan verkkosivuston mihin tahansa käyttöön.

Sinun tarvitsee vain asentaa kaksi teemaa, aktivoida teema, avata sivu ja vaihtaa taustat tummaksi. Käytä sitten sivuosien Laajenna taustaväri -vaihtoehtoa saadaksesi kaiken linjaan.

Get Divi at 10% off until December 2023

2. Astra Valokuvaaja-aloituspaikan kanssa

Esimerkkejä tummalla taustalla olevista verkkosivustojen teemoista 1

Astra-kehyksen käyttäminen Photographer-demosivuston asennuksen kanssa tarjoaa erinomaisen mustalla taustalla olevan verkkosivuston. Hyvä tilankäyttö, vastakkaiset fontit ja minimalistinen muotoilu tekevät teemasta erottuvan.

Tutustu Valokuvausaloitussivustoon

3. Genesis Parallax Prolla

parallax pro -geneesi

Parallax Pro on teemana Genesis framework joka käyttää vaihtelevaa yksiväristä suunnittelua tehokkaasti. Se on toinen yksinkertainen muotoilu, joka antaa sivun sisällön loistaa ja tarjoaa erinomaisen esimerkin siitä, kuinka tummat taustat voivat toimia niin hyvin.

Katso Parallax Pro Live Demo

4. Linssi PixelGradesta

linssin pikseliluokka

PixelGrade-objektiivi antaa ruudukkomuodon antaa meille salkun tai kuvan esittelyn tummalla teemalla. Tumma tausta näkyy todella vain sivuvalikossa, ja teema käyttää kontrastivärejä erittäin mielenkiintoisella tavalla lisäämällä muita värejä paitsi mustavalkoista erottumaan.

Huom: Meillä 20 prosenttia alennusta suoraan PixelGradelta, yksinoikeudella CollectiveRay visitors. Just click on the link below, your discount will be automatically applied when you check out. This offer is valid ONLY until the end of December 2023.

Käy Lens Now -sivustolla

5. Divi Electrician Dark Packin kanssa

kaksi sähköasentajaa

Toinen Divi-teema, tällä kertaa sähköasentajan laskeutumissivu pimeässä. Tämä on erittäin korkealaatuinen teema, jolla on tumma tausta, terävä typografia, hyvä kuvankäyttö ja joitain täydentäviä värejä kiinnostuksen lisäämiseksi. Tämä on henkilökohtainen suosikki ja mielestäni se toimii hämmästyttävän hyvin.

Hanki Divi 10%: n alennuksella

6. Aldo ThemeRexistä

aldo themerex tumma

ThemeRexin Aldo on teema, joka tekee tyylikkäästä ilmeestä helppoa. Se on vaivaaless teema, joka toimisi monissa aiheissa ja tasapainottaa paljon sivun sisältöä tummalla taustalla ilman sivun ylikuormitusta. Se on erittäin onnistunut muotoilu, joka toimii hyvin kaiken kokoisilla näytöillä.

Käy Aldo Live -esikatselussa

7. Neve Pro tummilla parallaksikuvilla

neve pro tumma parallaksi

Neve Pro with Dark Parallax Images käyttää Neve-teemaa kaikilla voimillaan, nopeuksillaan ja ominaisuuksillaan. Yhdistettynä tummaan taustaan ​​ja täydentämällä teemaa, tämä WordPress-teema on yksi parhaista siellä. Sivut ovat tasapainossa hyvin, se latautuu nopeasti, sisältö ohjaa lukijan sujuvasti alaspäin ja et halua mitään.

Lisätietoja Nevestä

8. Kerro Gamer Layout -sovelluksella

kertova pelaajan asettelu

Telling with Gamer Layout on erinomainen esimerkki siitä, miten muita rohkeita värejä käytetään rikastamaan tummaa taustaa. Älä hämää pelaajamonikeri, voit käyttää tätä teemaa mihin tahansa, ja se näyttäisi silti hämmästyttävältä. Vahva valikko, erinomainen ulkoasu, erinomainen terävyys ja kontrasti sekä hyvä tilankäyttö ovat vain muutamia positiivisia.

Katso Live-esittely

9. Seuraava

seuraavaksi

Nextout on erittäin tyylikäs WordPress-teema, joka käyttää vaaleampaa tummaa taustaa kontrastisilla ja täydentävillä väreillä. Houkuttelevalla yläliukusäätimellä vierität alas ruutuasetteluun, joka soveltuu täydellisesti kuvakeskeisille verkkosivustoille. Liikkuvan navigoinnin ja harkittujen asettelujen ansiosta se on ehdottomasti yksi parhaista verkkoteemoista täällä.

Katso Nextout livenä

10. Hestia Pro tummilla parallaksikuvilla

hestia pro

Hestia Pro with Dark Parallax Images on toinen erittäin liukas teema, joka tasapainottaa tummat taustat valoisilla elementeillä, kontrastivärillä ja erinomaisella typografialla. Sivut ovat rikkaita, mutta eivät täysiä, ja tasapaino on oikeanlainen riippumatta siitä, mitä näyttöä käytät. Se voisi toimia millä tahansa laitteella, mihin tahansa aiheeseen ja on ehdottomasti yksi kokeilla.

Jos haluat oppia lisää Hestiasta - tutustu tähän artikkeliin Collectiveray.

Tutustu Hestiaan

Johtopäätös: Tummien taustojen käyttö verkkosuunnittelussa

Tummien taustojen käyttäminen web-suunnittelussa

Yksi modernin internetin parhaista asioista on vapaus ilmaista itseäsi ja rikkoa sääntöjä. Vaikka joitain näistä säännöistä ei ehdottomasti pitäisi rikkoa, jotkut voivat. Kuten perinteinen mustavalkoinen muotoilu, joka on ollut kanssamme 17. vuodesta lähtienth luvulla.

Mielestäni tummat taustat voivat näyttää hämmästyttäviltä, ​​kun ne tehdään huolellisella silmällä. He tekevät tämän alkuperäisen vaikutuksen ja haalistuvat sitten taustalle. Ne toimivat hyvin useimmissa valaistusolosuhteissa, ja tasapainoinen sivu, jossa on älykäs tilankäyttö, voi saada taustan korostamaan sivun tuotetta tai tarkoitusta paremmin kuin valkoiset taustat.

Tummat mallit eivät sovi kaikkiin projekteihin tai kaikkiin tarkoituksiin, ja ne edellyttävät paljon enemmän suunnittelua, viimeistelyä ja testausta kuin valkoiset taustat. Hyvin tehty, mielestäni kaikki ylimääräinen aika ja vaivaa voivat olla sen arvoisia!

kirjailijasta
David Attard
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...