Svartar vefsíður / Dark Website Design: 35+ dæmi (2023)

Dökk vefsíðuhönnun og svartar vefsíður hafa alltaf verið mjög umdeilt umræðuefni. Margir vefhönnuðir trúa á að þrýsta á landamæri og eru fúsir til að tileinka sér hugmyndina um svarta vefsíðuhönnun og setja af stað svarta vefsíður. Aðrir eru enn ekki hlynntir því að nota það í hönnun sinni. Þetta er aðallega byggt á áhyggjum vegna dökkrar hönnunar og læsileika eða passa vörumerki.

Gjört á réttan hátt, vefhönnun með dökkum litum getur miðlað notendum mjög skapandi, glæsilegu og faglegu útliti. Sem sagt, að búa til dökka vefsíðuhönnun er ansi krefjandi starf sem krefst vefhönnuður að vera sérfræðingur í notagildi á vefnum til að koma því í lag.

Þessi grein fjallar aðallega um mismunandi aðstæður þegar þú getur notað dökka eða svarta vefhönnun. Við munum einnig fjalla um nokkur atriði sem hafa ber í huga þegar unnið er að vefsíðu með dökkt þema. 

35 Frábær dæmi um svarta vefsíður

Hér eru nokkur ótrúleg dæmi sem við lofuðum.

Við höfum safnað saman sumum af því sem við teljum vera fínustu dæmi um svarta vefsíður um þessar mundir. Þeir sýna allir þá eiginleika sem við höfum rætt hingað til og sýna vörumerkið, vöruna eða þjónustuna þegar best lætur.

1. Mitchell kanashkevich

2. Dev list

3. Jack Daniels

Einn kostur við svarta vefsíður er að það gefur strax aukagjald sem getur unnið með ákveðnar vörur. Jack Daniels er ein af þessum vörum. Dökka hönnunin hentar vörumerkinu fullkomlega og gott jafnvægi á leturvali og lit, tómt rými á síðunni og vel hannað myndefni gerir þetta að verkum. 

4. Pasticceria Adami

Pasticceria Adami er ítalsk vefsíða sem kynnir bakarí í Veróna. Það notar framúrskarandi dökkan bakgrunn með sparri notkun á myndum, leturgerðum og síðuþáttum. Það er einföld en mjög áhrifarík svört vefsíðuhönnun. 

5. Divi með stafrænum greiðslusniðmáti

Divi, sívinsæla vara frá ElegantThemes er frábær kostur af mörgum ástæðum. Það er vinsælt, þroskað, fjölhæft þema sem þú getur sérsniðið í hvers konar sess sem þú vilt, svo sem hönnuður ætti þetta að vera einn af valkostunum þínum.

Þú getur notað innbyggðu skipulagið til að búa til fjölbreytt úrval af hönnun. Til dæmis er hægt að sjá útlitið sem notar bjarta liti og dekkri bakgrunn til að láta þættina skjóta upp kollinum. Frábært útlit ef þú vilt skera þig úr fjöldanum!

Smelltu hér til að fá 10% afslátt af Divi með Dark Layouts til nóvember 2023

6. Astra - móttækilegt netviðskiptaþema

Eftirfarandi skartgripasíða, byrjendasíða eftir Astra á skartgripasíðu, er frábært dæmi um svarta vefsíðuhönnun sem sameinar aðlaðandi myndefni og frábært leturval. Þetta er einföld uppsetning sem inniheldur flesta þætti sem ný netverslun þarf líklega til að hefja viðskipti.

Auðvitað er hægt að nota slíkt þema fyrir margar aðrar rafverslunarverslanir sem þurfa að einbeita sér að lúxusvöru sinni. 

Skoðaðu Astra byrjendasíður fyrir Prestige Black vefsíðuna 

7. Rhapsody - WordPress fjölnota þema

Rhapsody er tískumiðuð svört vefsíðuhönnun sem skilar mikilli notkun á blaðsíðuplássi með hágæða myndum og myndefni. Það samlagast WooCommerce svo frekar en að skoða e-verslun einhvers annars, þú gætir byggt þína eigin!  

 Skoðaðu þema Rhapsody

8.KingGym - Líkamsrækt, líkamsrækt og Magento-þema

KingGym móttækilegur Magento sniðmát er frábær lausn fyrir íþróttafatnað, íþróttabúnað og skó netverslun. Áhrifamikil hönnun færir gestum kröftuga, kraftmikla og sterka tilfinningu við fyrstu sýn.

Í ljósi þess að Magento er venjulega nokkuð flókið kerfi sem þú gætir viljað lesið þetta Collectiveray grein um hvernig á að ráða Magento verktaki eða freelancer.

Frekari upplýsingar um KingGym Magento þema 

9. Kallyas - Móttækilegt fjölnota WordPress þema

Kallyas er eitt fullkomnasta þemað sem þú getur fengið í dag sem notar dökka hönnun. Það kemur með sinn síðuhönnuð, inniheldur flest tæki sem þú þarft til að hefja viðskipti og vinnur með mörgum viðbótum og viðbótum. 

10. HotDot

11. OregonGridiron

12. Velthy

13. Parallax Pro frá Genesis StudioPress

StudioPress, WordPress þema söluaðili á bak við ótrúlega vel heppnaða Genesis framework hafa notað Parallax Pro þemað sitt til að búa til frábæra svarta vefsíðuhönnun, eins og þú sérð hér að neðan.

Skoðaðu Parallax Pro

14. Neve með ljósmyndaranum Starter Site

Neve from ThemeIsle er annað WordPress þema með endaless möguleika, en Photographer byrjendasíðurnar taka það niður svart naumhyggju leið. Skoðaðu það í kynningu hér að neðan.

Sjáðu kynningu í beinni og fáðu 10% afslátt til nóvember 2023 eingöngu (CollectiveRay einkarétt)

15. Lágmarka - Einstaka blaðsíða fjölnota WordPress þema

Lágmarka WordPress þemað er frábært dæmi um að taka naumhyggju, ásamt svörtum hönnun til að ná frábærum árangri. Skoðaðu kynninguna hér að neðan til að sjá hversu frábært þetta lítur út.

16. Rhythm HTML sniðmát

Ef þú ert að leita að HTML sniðmáti sem þú getur byggt á, þá er þetta Awwward aðlaðandi sniðmát frábært val.

17. Nerisson

18. Kaber Tech

19. Farðu í göngutúrinn

20. Esteban Munoz

21. Ryan Mulford

22. Talent Agency fyrir vítamín

23. Skeggabók

24. Ull

25. Umar Sheikh

26. BlackBerry

27. Lamborghini

28. MeiraSvefn

29. Skepnutæknin

30. EXO - Skapandi og fyrirtækjasértæk tilgangsþema

Ef það er ein tegund fyrirtækja sem getur dregið af sér dökka vefsíðuhönnun, þá er það skapandi stofnun. Skoðaðu EXO, þema sem er hannað fyrir skapandi stofnanir og fyrirtækjasíður.

Sjá Exo í aðgerð

31. Málmur - farsímavænt viðskiptasniðmát fyrir byggingar og smíði

En þú þarft ekki að vera hvorki skapandi né hlutafélag. Jafnvel venjuleg fyrirtæki, þar með talin sjálfstætt starfandi fyrirtæki, eða önnur venjuleg fyrirtæki geta notað vefsíðu með dekkri svip og yfirbragð.

Málmur er frábært dæmi um þessa notkun.

Smelltu hér til að læra meira um Metal 

32. StyleShop

Þetta er frábært þema, byggt á dökkum bakgrunni, sem gerir vörunum sem þú vilt selja fyrir popp leyfa. StyleShop er öflugt netviðskiptaþema sem hefur öll nauðsynleg verkfæri sem þú þarft til að opna farsæla netverslun.

Hönnunin er bæði falleg og móttækileg, hún inniheldur einstakt farsímaskipulag sem gerir vafrað um vefsíðuna þína gola sama hvaða stærð tækisins þú notar!

33. Uno - Skapandi ljósmynd WordPress þema

Uno er með svarta vefsíðu og létta vefsíðu og báðar virka þær vel. Það er vel hannað þema með hreinum kóða, Retina Display stuðningi, mörgum síðum og skipulag valkostum og ýmsum auka verkfærum til að búa til frábæra vefsíðu eigu.

Skoðaðu Uno Demo 

34. PhotoLux - Ljósmyndasafn WordPress þema - Ljósmyndasafn WordPress þema

Photolux er öflugt og glæsilegt WordPress þema Portfolio og ljósmyndun sem hentar best fyrir ljósmyndara og auglýsingamenn sem nota safn til að sýna verk sín.

Farðu á PhotoLux Demo

35. RSW - Móttækilegur fullskjárstúdíó fyrir WordPress

RSW (Móttækilegt fullskjárstúdíó fyrir WordPress) er öflugt þema fyrir ljósmyndara og skapandi listamenn og kemur með ljós og dökkt með þemavalkostum sem styðja marglitar sérsnið á þemaþáttum með litaval.

Sjá kynningu á RSW

Svartar vefsíður: Sönn tilfinning um edrúmennsku og alvarleika

Fyrir þá sem ekki þekkja svarta vefsíðuhönnun er það einstakt hönnunarhugtak að nota létt letur og grafík á a dökkur bakgrunnur. Það er viðsnúningur á hefðbundnum hvítum bakgrunni með dökkum letri og getur virkað einstaklega vel fyrir sumar tegundir og við sumar aðstæður.

Vefsíður sem hannaðar eru með þessu hugtaki nota aðallega svartan lit sem gefur hönnuninni alvarlegt, fágað og klassískt útlit. Ólíkt léttri hönnun, sem heldur gestum oft uppteknum við að smella og fletta, vekur dökk hönnun athygli gesta á mikilvægustu hlutum vefsíðu þinnar. Varan eða þjónustan.

Þó að meirihluti vefsíðna innihaldi ljós litasamsetningu í hönnun sinni til að skila gestum kröftuga og glaðlega vafraupplifun, þá geta svörtu litasamsetningar einnig tælt gesti til að framkvæma tilætluða aðgerð.

Hins vegar, samanborið við léttar hönnun sem hægt er að nota í ýmsu samhengi, eru dökk hönnun ekki hentug fyrir alls konar vefsíður. Ef þú notar dökka hönnun í röngum aðstæðum getur það gert vefsíðu þína ljóta, drungalega og ófagmannlega.

Þú þarft virkilega að ganga úr skugga um að þú notir þetta hugtak við réttar aðstæður!

Hvenær er skynsamlegt að búa til svarta vefsíður?

Hugmyndin um dökka hönnun virkar ekki í öllum aðstæðum. Til dæmis myndu svartar vefsíður ekki virka þar sem vörumerki passar einfaldlega ekki, þar sem varan hentar ekki eða þar sem áhorfendur myndu ekki bregðast jákvætt við dökkri hönnun. Textaþungar síður eru ekki ákjósanlegar á svörtum síðum þar sem það er erfiðara fyrir augu okkar að lesa hvítan texta á svörtum bakgrunni frekar en öfugt.

Hér eru nokkur atriði þegar hugað er að svörtum vefsíðuhönnun:

1. Gerðu textann læsilegan

Til að ná læsileika á dökkum vefsíðum mælum við eindregið með því að þú aukir leturstærðina. Lítil leturgerðir eru auðlesanlegar á léttri vefsíðu en lestur lítils leturs texta á dökkum bakgrunni í langan tíma getur reynt augun. Til að vinna bug á þessu skaltu auka leturstærð þar til þér finnst textinn fullkomlega læsilegur.

Að jafnaði skaltu halda leturstærð 18px eða hærra. Mundu að prófa á mismunandi skjástærðum til að fá sem breiðasta áfrýjun.

2. Greindu vörumerkið

Hugleiddu hvaða orð lýsa vörumerki þínu best og hvers konar þjónustu, vörur eða efni þú ætlar að bjóða á vefsíðunni þinni. Til dæmis, ef þú ætlar að búa til vefsíðuhönnunarsafn, þá gæti dökkur bakgrunnur hentað þínum þörfum betur. Ef þú ert að reka kennsluvef gæti dökk hönnun ekki virkað svo vel.

Úrvalsmerki virka vel með svörtum vefsíðum, sem og skapandi vefsíður, eignasöfn, bílasíður og vefsíður fyrir hágæða vörur.

3. Veldu rétt leturgerðir

Leturval gegnir mikilvægu hlutverki í hvaða hönnun sem er og verður að fylgjast vel með því þegar unnið er með svarta vefsíður. Hvaða leturgerðir sem þú hefur valið að nota í dökku skipulagi þínu, athugaðu hvort það hentar á öllum skjástærðum og með mismunandi augum. Notagildisprófun er lykilatriði hjá svörtum vefsíðum og því meira sem þú prófar, því betri verður lokaniðurstaðan.

Leturlitur er einnig mikilvægur.

Svartur bakgrunnur krefst ljóss leturs til að vera læsilegur. Andstæða er lykilatriði. Að fá það rétt dregur úr álagi og eykur læsileika.

4. Notaðu meira hvítt bil

Aukið hvít svæði er önnur frábær leið til að bæta læsileika á dökkum vefsíðum. Hugtakið hvítt svæði vísar til „tómt“ rými á síðu og er arfur prentmiðla. Jafnvel þó að við séum að tala um svarta vefsíður hér, þá skiptir hvít svæði enn máli.

Því meira sem þú ert með hvítt rými, því læsilegri verður textinn þinn. Þetta sameinar orðatölu á síðum en er ekki það sama. Hvítt rými snýst jafn mikið um það hvernig þú setur efni á síðuna eins mikið og hversu mikið efni þú setur á síðuna.

Íhugaðu að breyta kerning og leiða í texta þínum fyrir nægilegt hvítt rými. Ef þú ert með mikið af efni á vefsvæðinu þínu skaltu skipta því í litla málsgreinar og huga sérstaklega að rými í kringum það efni.

5. Sérstakar gæðamyndir

Allar vefsíður eiga skilið hágæða myndir en svarta vefsíður þurfa meira. Þegar hönnunin dregur augað í átt að myndmálinu, þá verður það myndefni að vera í mjög háum gæðum. Það verður einnig að vera skarpt, nota góðan fókus, hafa næga dýpt og áhuga og sýna myndefni eins og það gerist best.

Svartar vefsíður gera lægri kröfur um skrifað efni en mun meiri gæðakrafa um myndefni.

6. Notaðu hugleiðingar í myndum

Einn af kostum dökkrar hönnunar er að það gefur þér möguleika á að leggja áherslu á lykilatriði á vefsíðunni þinni. Þó að það sama sé hægt að gera á ljósum bakgrunni gefur dökkur bakgrunnur þér fleiri möguleika eins og speglun og aðra tækni til að blanda saman myndum. Svo notaðu þau til að gefa dökkri hönnun þinni flott og heillandi útlit!

7. Settu sem minnst innihald

Síðast en örugglega ekki síst, settu aðeins nauðsynlegt efni á dökka vefsíðu. Eins og áður hefur komið fram hefur hvítur texti á dökkum bakgrunni áhrif á læsileika svo þess verður að gæta að jafnvægi. Þú gætir sameinað svarta vefsíðu með léttari textablokkum eða aðskilið hönnunina þannig að þú hefur að mestu leyti svarta vefsíðu með innihaldsþungum síðum snúið við.

Hefur dökk hönnun virkilega áhrif á læsileika?

Margir kvarta yfir því að dökk hönnun sé ekki góð hvað varðar notagildi og læsileika. Þeir telja að lestur létts texta á dökkum bakgrunni geti tognað í augun sem skili miklu less ánægjuleg lestrarupplifun. Það eru engin vísindi sem styðja þetta en það er útbreidd skoðun að svartar vefsíður séu erfiðari að lesa en hvítar eða ljósar.

Problogger framkvæmdi könnun árið 2009 einmitt á þessari spurningu og fundu 47% netnotenda frekar léttan bakgrunn á bloggsíðum.

Bakgrunnur með dökkri síðu og ljós leturgerð er ekki eingöngu ábyrgur fyrir lélegum læsileika og það hefur ekki áhrif á alla gesti sem þú hefur. Hins vegar er það algengt að krefjast vandlegrar athugunar ef þú ert að íhuga svarta vefsíðuhönnun.

Læsileiki snýst allt um leturfræði og rétta notkun á þáttum á síðunni þinni. Vefsíða með svörtum síðum getur höfðað til breiðs áhorfenda ef þú velur viðeigandi leturgerðir, notar rétta leturstærð og lit og gætir nokkurs gaum að hvítu rými og línuhæð.

Þú verður að íhuga vandlega hvert blaðsíðulið til að ná fram fagurfræðilegum glæsileika í myrkri hönnun þinni. 

Hvaða tegundir vefsíðna eru frábærir í framboði fyrir dökka hönnun?

Ljósmynda- og myndlistarvefsíður

Ef þú ætlar að búa til vefsíðu þar sem þú vilt sýna (eða selja) listaverk eða faglegar ljósmyndir, þá gæti vefsíða með dökkur þema reynst mjög gagnleg. Þessi tegund hönnunar hentar betur fyrir myndríkar vefsíður eins og vefsíðuhönnunarsafn og veitir vefnum flottan svip.

Þetta er frábær listi yfir vefsíður fyrir ljósmyndara og listamenn.

rafræn viðskipti og verslun vefsíður

Þar sem rafræn viðskipti síða inniheldur mikið af vörumyndum, geta svört vefsíður hjálpað þér að gera vörur þínar að athygli. Dökki bakgrunnurinn beinir augum gesta þinna að myndunum í forgrunni. Þessi aðferð mun ekki virka með allar tegundir af vörum en hún getur virkað fyrir marga með greinda hönnun.

Viltu setja upp e-verslunarsíðu með svörtum vefsíðuhönnun?

Ef vörurnar sem þú vilt selja myndu virka innan svartrar vefsíðuhönnunar eða þú heldur að markaðurinn þinn myndi gera það react jákvætt við því, af hverju ekki að prófa dökkt þema sjálfur?

Svartar vefsíður fyrir naumhyggju síður

Ef vefsvæðið þitt er ekki með mikið af efni gætirðu íhugað að prófa dökka vefsíðuhönnun.

Dökk hönnun getur virkað á textaþungum síðum en getur verið erfitt að lesa, sérstaklega á farsíma eða minni skjái. Til að sameina það besta við hönnun og notagildi þarftu að íhuga vandlega texta á síðu til að sjá hvort svört vefsíðuhönnun hentar.

Lestu meira:  30+ Bestu ókeypis og úrvals lágmarks WordPress þemu

HotDot, Velthy og OregonGridiron sem birt er í listanum okkar hér að ofan eru tvö mjög góð dæmi um vefsíður sem nota dökka hönnun til að hafa mikil áhrif:  

Viltu setja upp lægsta vefsíðu með dökkri hönnun?

Þökk sé vinsældum dökkrar hönnunar er mikið úrval af þemum sem henta svörtum vefsíðum. Við höfum sett nokkrar þematillögur í listann hér að ofan, svo sem Parallax Pro, Neve, Minimalize og fleira.

Frábær leturnotkun á svörtum vefsíðum

Við nefndum efst að leturval sé ótrúlega mikilvægt þegar miðað er við svarta vefsíðuhönnun. Við höfum einnig séð hér að ofan nokkur dökk hönnun sem við teljum að hafi jafnvægið fullkomið þegar kemur að leturgerðum.

Vörumerki sem hafa notað svarta vefsíður 

Svartar vefsíður geta lýst tilfinningunni um glæsileika, þroska og lúxus.

Litakenning segir að svartur tengist valdi og formfestu sem og ofangreindu. Gæta verður þó að þar sem það getur líka tengst illu, dauða og dulúð. Frábær hönnuður getur sameinað þá jákvæðu og þá neikvæðu til að skapa þau áhrif sem þú ert að leita að.

Lamborghini og BlackBerry (í listanum okkar) eru frábær hönnun frá stórum vörumerkjum sem hafa látið svarta vefsíður virka fyrir þá.

Viltu setja upp dökka vefhönnun fyrir vörumerkið þitt?

Sum vörumerki, sérstaklega þau sem eru fús til að taka áhættuna og velja aukagjald, fágað útlit geta litið ótrúlega út sem dökkar vefsíður. 

Svo ef þú vilt lifandi svarta vefsíður, þá eru eftirfarandi þemu sem þú getur notað til að bera á hverju marki, skoðaðu EXO hér að ofan.

Viltu nota dökka eða svarta hönnun á næstu vefsíðu þinni?

Ef þú hefur fengið innblástur frá einhverjum af þessum dæmum og vilt taka þátt í myrku hliðinni á næstu vefsíðu þinni, höfum við tekið með sem hluta af listanum nokkrar þematillögur sem þú gætir notað.

Algengar spurningar

Hvað eru svartar vefsíður?

Svartar vefsíður og dökk vefsíðuhönnun er hugtak þar sem litaval vefsíðu er dökkt eða svart. Þó að mestur hluti textans verði í ljósum lit, þá er heildarplanið dökkt eða alveg svart. Svart hönnun tengist venjulega úrvals- eða lúxusmerki. Þú munt komast að því að mörg úrvalsmerki nota dökka vefsíðu.

Hvað tákna svartir eða dökkir litir í litakenningunni?

Svartur er aðallega hlutlaus litur, en samt er það oft tengt krafti, glæsileika og formsatriðum. Það tengist líka mjög uppreisn. Það er almennt notað í hressilegum hönnun, sem og mjög glæsilegri hönnun. Svartar eða dökkar vefsíður geta verið ýmist íhaldssamar eða nútímalegar, hefðbundnar eða óhefðbundnar, allt eftir öðrum litum sem þær eru sameinaðar. Svartur getur auðveldað flutning fágunar í hönnun.

Hvaða tegundir vefsíðna eru venjulega svartar eða hafa dökka litasamsetningu?

Svört vefsíða er venjulega nokkuð djörf hönnunarákvörðun, svo vörumerki með djörf persónuleika eru venjulega þau sem velja þetta litasamsetningu. Premium eða lúxus vörumerki eru líka samheiti yfir vefsíður með svörtum litum. Dæmi um veggskot væru ljósmynda- og listavefsíður, netverslunarsíður, lúxusbílar, líkamsræktarvefsíður o.s.frv.

Hefur dökk hönnunarkerfi áhrif á læsileika?

Nei, það eru engar rannsóknir eða vísindi til að styðja þá skoðun að dökk hönnun sé ekki góð hvað varðar notagildi og læsileika. Að lesa ljósan texta á dökkum bakgrunni reynir ekki á augun, svo mikið að flest tæki og pallar í dag styðja dökka stillingu innfæddur. Jafnvel fyrir textaþungaiðnað eins og hugbúnaðarþróun hefur dökkur bakgrunnur verið normið í mörg ár.

Ályktun um svarta / dökka vefsíðuhönnun

Að lokum, hvers konar hönnun - dökk eða ljós - sem þú ættir að nota fyrir fyrirtæki þitt fer eftir persónulegum óskum þínum, vörumerki, þjónustu eða vöru sem um ræðir og markhópnum þínum.

Ef þú vilt gefa gestum þínum kraftmikið og lifandi útlit eða vilja líta út fyrir að vera lúxus eða úrvals geta svörtu vefsíður virkað. Ef þú vilt vekja upp dulúðartilfinningu, einkarétt eða vilja láta gesti þínum líða sem elítu, þá getur svört vefsíðuhönnun og dökk vefsíðuhönnun virkað.

Svo framarlega sem þú fylgir ráðunum í þessari grein um jafnvægi á blaðsíðu, hvítt svæði, leturval, myndgæði og hönnun, gæti næsta dökka hönnunin þín verið sú besta sem þú hefur framleitt!

Hefurðu skoðun á svörtum vefsíðum eða dökkri vefhönnun? Segðu okkur frá því í athugasemdareitnum hér að neðan!

Um höfundinn

Höfundur: Ajeet YadavVefsíða: https://www.wordpressintegration.com/Tölvupóstur: ajeet.yadav@ipraxa.com

Ajeet er háttsettur vefhönnuður hjá WordpressIntegration - PSD til WordPress þjónustuaðila, þar sem hann sér um að skrifa sérsniðinn JavaScript kóða meðan á umbreytingarferlinu stendur. Í frítíma sínum skrifar hann um mismunandi efni sem tengjast JavaScript, WordPress og vefhönnun til að deila starfsreynslu sinni með öðrum.