The Dos og Don'ts af Dark Web Design
Myrkur vefur hönnun er mjög vinsæll og getur haft glæsilegan og skapandi áfrýjun.
Þau eru einnig fullkomin fyrir margar tegundir af vinnustörfum, en þær eru ekki hentugar fyrir hverja vefsíðu og ætti einungis að nota þegar við á.
Þrátt fyrir sláandi sjónræn áhrif sem þessi dökk hönnun getur haft, vita margir hönnuðir ekki hvernig á að draga þau í raun án þess að slökkva á gestinum.
Með dökkri hönnun kemur minna læsileiki , minna höfða flestum lesendum og minni möguleika á hefðbundnum hönnunareiningum.
Í þessari færslu munum við ræða nokkrar ábendingar til að gera næsta dökka vefhönnun þína höfða til breiðari markhóps , en láta þig, hönnuður, tjá sköpunargáfu þína.
A nýleg skoðanakönnun bendir til þess að létt hönnun sé valinn af almennum vefáhorfendum með heilum 47%. Helsta ástæðan er læsileiki . Flestir líkar ekki við að skoða léttar texta á móti dökkum bakgrunni á vefsíðum vegna þess að það leggur upp augun og gerir það miklu skemmtilegri reynslu.
Hins vegar segðu 10% þeirra sem könnuðust að þeir hafi alltaf valið dökkan bakgrunn fyrir vefsíður, en annar 36% sögðu að besti kosturinn væri háð tegund vefsíðunnar.
Svo, hvað er rétt svarið? Þegar það kemur að því, allir hafa eigin skoðun, og það er það.
En með svona miklum prósentum notenda sem segja að dökk vefsíðahönnun sé þolanleg og stundum jafnvel æskileg, þá verðum við sem vefhönnuður að læra hvernig á að búa til árangursríkan dökk hönnun fyrir okkur og viðskiptavini okkar.
Þetta þýðir að sannfæra alla hina sönnu trúuðu um ljós bakgrunn sem dimmur hönnun getur verið læsileg og notendavæn.
Notaðu meira hvítt rúm
Eða ætti það að vera kallað "svartur rúm"? Skilvirk notkun hvít rýmis er mikilvæg fyrir hvers konar hönnun, en það er nauðsynlegt fyrir vefsíður með dökkan bakgrunn.
Myrkur hönnun hefur tilhneigingu til að líða "þungur" og klípa þá upp getur styrkt þá tilfinningu. Kíktu á nokkrar vinsælar dökkar vefmyndir hér að neðan og athugaðu frelsi þeirra að nota hvíta pláss til mikils árangurs.
Black Estate er séð um allt internetið í dökkum vefhönnuðum sýningarskápur. Það er örugglega falleg hönnun og verður öllum athygli. Mjög mikið hvítt pláss er notað í gegnum hönnunina og það sem gerir þessa tiltekna hönnun einstakt er hvernig hvíta plássið er notað til að útlista ákveðna þætti svo vel.
Merkið hefur mikið af hvítu plássi í kringum það og er það fyrsta sem við sjáum sem gestir. Við sjáum aðal innihald og flösku á næsta. Eins og þú sérð er hvítt pláss notað fullkomlega til að varpa ljósi á textann á flöskunni og fyrirsögn aðal innihaldsins.
The lögun innihald í Tictoc og meðfylgjandi mynd í þessari hönnun eru ramma með mest hvíta plássinu. Þegar við förum niður, sjáum við minna hvítt pláss sem gerir okkur kleift að fylgjast með því að innihaldið sé sýnt.
Aðalatriðið er að hvíta plássið stýrir smám saman notandanum niður í lok síðunnar .
Myrkur bakgrunnur bætir dýpt við hönnunina. Vegna þess að vefsíðan byggist svo mikið á hvítu plássi, væri það minna áhugavert án sköpunaráhrifa dökkra bakgrunnar.
The Mark Dearman Vefsíðan hefur frjálslynda og jafnt dreift hvítt rými yfir skipulagi þess.
Hvíta rýmið í hverju safni stykki veitir mikið af andrúmslofti fyrir innihald hennar og það er gott hvíldarpunktur áður en þú ferð á næsta stykki.
Nóg hvít rými er nauðsynlegt fyrir dökk hönnun vegna þess að það hjálpar ekki aðeins við að afklæða skipulagið heldur einnig að setja upp mikilvæg atriði og bæta glæsileika við heildarútlitið.
Textal White Space
Vegna þess að læsileiki er númer eitt áhyggjuefni þeirra sem ekki líkjast dökkum bakgrunni, þurfa hönnuðir að fylgjast sérstaklega með textanum sjálfum.
Rétt eins og í heildarhönnuninni er ein leið til að bæta læsileiki á dökkum vefsíðum að auka hvíta plássið með því að stilla málsgreinar, kerning og leiðandi .
Í dæminu hér fyrir neðan er sýnt hvaða munur bilið milli og í kringum stafi gerir til að bera saman dökk og létt skipulag.
Önnur leið til að bæta læsileika í dökkum vefhönnun er að auka leturstærðina . Eins og flestar aðrar reglur í þessari færslu þýðir stærri leturstærð meira hvítt pláss. Því stærri stafarnir eru, því meira hvítt rými birtist í kringum og innan hvers bréfs.
Til dæmis fær bréfið "a" hér að neðan meira hvítt pláss þar sem það verður stærra, bæði á svæðinu í kringum hana og í rúminu inni í hlífinni og undir yfirhenginu.
Athugaðu hvernig lestur lítill texti er svo miklu auðveldara á léttum bakgrunni en á dökkum. Þegar þú setur leturfræði fyrir nýjan vef skaltu vera viss um að líta á einhveran texta til að ganga úr skugga um að það sé læsilegt . Ef ekki, sjáðu hvort auka textastærð hjálpar.
Textasvörun
Margir myndu samþykkja að fátækustu dökku vefsíðurnar valdi augnþrýstingi. Of mikið eða of lítið andstæða er yfirleitt sökudólgur. Hvernig finnur maður hið fullkomna jafnvægi?
Ef þú ert í herbergi sem er kalt svartur, lítur skyndilega út beint í ljósið er ekki skemmtilegt. En að horfa á minna bjart ljós í minna dimmu herbergi er bara í lagi. Sama gildir um vefhönnun.
Að finna hið fullkomna andstæða þýðir að jafnvægi myrkursins í bakgrunni með léttleika textans .
Hér fyrir neðan er (mjög) gróft leiðarvísir sem sýnir hvernig mótsögn milli texta og bakgrunns virkar. Maður tekur eftir því að þar sem bakgrunnurinn verður léttari, gerir það einnig textinn.
Að finna skemmtilega andstæða fyrir texta er miklu erfiðara með hreinu svörtu bakgrunni.
Til að finna hið fullkomna jafnvægi skaltu gera tilraunir með mismunandi tónum. Besta niðurstaðan er yfirleitt bakgrunnur sem er ekki hreint svartur og texti sem er ekki hreint hvítur.
Takast á við leturgerðir
Skírnarfontur gegna stóru hlutverki í hönnun og ætti örugglega að taka til hugsunar umfjöllunar með dökkum skipulagi. Myndin hér að neðan sýnir 14 punkta letur á dökkum bakgrunni bæði í serif og sans-serif letur.
Sans-serif letrið er augljóslega læsilegra . En margir hönnuðir kjósa ennþá serif letur fyrir glæsileika sína.
Bragðið er þó að setja aðeins stærri texta í serif letur, þannig að auka hvíta plássið flæðir í kringum hvert staf og gerir textann mjög læsileg.
Skjámyndin hér að neðan er af vefsíðu sem fjallað er um í þessari grein. Það inniheldur bæði serif og sans-serif letur, en notar þær á sviði hátt.
Stærri texti, svo sem fyrirsagnir, leiðsögn og hausar, er í serif leturgerð til viðbótar glæsileika. Til að fá betri andstæða og betri læsileika er líkaminn textinn í hreinu sans-serif leturgerð.
Notaðu lágmarks litakerfi
Til að gefa dökkum hönnun sinni hreint og óskýrt útlit, eiga hönnuðir alltaf að velja lágmarks litakerfi .
Frá fáum dæmum hér að neðan sjáum við að upptekin litasamsetningar nánast koma í veg fyrir dökkan bakgrunn, vegna þess að andstæða er of skarpur.
Haltu í einum eða tveimur litum . Til að bæta við fleiri lit skaltu prófa dökklitaðan bakgrunn.
Leiðbeinandi, mörg dökk vefur hönnun hefur meira spennandi litasamsetningar. Svo þessi regla er oft brotin, en aðeins með rétta tækni.
Almennt, þó, litur er oft það sem gerir vefsíðu að líta of upptekinn . Vegna þess að dökkari vefsíður hafa þegar dýpt, notaðu lit með varúð.
Bjóða upp á Style Switcher
Þó að við eigum margar góðar starfsvenjur til ráðstöfunar til að gera dökka vefur hönnun meira aðlaðandi, mun ekkert magn af áreynslu fullnægja öllum notendum.
Gakktu úr skugga um að þú sért með stílrofa svo að notendur að lokum fái möguleika á að skoða dökkan texta á léttum bakgrunni.
Tveir stílblöð eru nauðsynlegar fyrir þetta, einn fyrir sjálfgefið dökk skipulag og einn fyrir valljósið.
SitePoint hefur framúrskarandi einkatími um þetta: Búðu til einfaldan stílrofa í CSS . Í stað þess að nota "appelsínugult", "blátt" og "hvítt" útgáfur í kennslustundinni skaltu bara nota "ljós" og "dökk" stílblöð.
Þegar Dark Web Design virkar best
Eins og fram kemur, telja stór hluti netnotenda að dökk vefhönnun gæti unnið fyrir ákveðnar tegundir vefsvæða. En rannsóknin er óljós hvað nákvæmlega þessar tegundir eru.
Almennt er myrkrið best fyrir skapandi eða glæsilegan hönnun . Fyrir nútíma sléttar vefsíður bætast dökk bakgrunn við glæsileika. Fyrir grungy eða hand dregin stíl, dökk bakgrunnur auka sköpunargáfu útlitsins.
Glæsilegur Dark Design
Myrkur getur verið djúpt, opinber og sterk og lítur oft glæsilegur út þegar hann er notaður á viðeigandi hátt. Hér eru nokkur dæmi og nokkrar aðferðir til að færa út glæsileika í dökkri hönnun.
Vefsíðan fyrir Larissa Meek hefur einfalt uppskerutímarit í bakgrunni og stillir glæsilegan tón. Aðrar quirkier aðgerðir bæta persónulega snerta við hönnunina.
Þessi tækni er hægt að nota fyrir margs konar vefsíður. Vintage eða klassískt mynstur og áferð geta skapað útlit sem er bæði glæsilegt og aldursbundið .
Flest okkar tengja uppskerutímamynstur með háum flokki, þannig að það er auðvelt að búa til háskóla vefsíðu á þennan hátt.
Dýpt kjarna Hefur mjög hreint hönnun, með dökkri bakgrunni sem bætir stíl og bekk. Tilfinning um vald er einnig augljóst í hönnuninni. Þessi glæsileiki getur einnig gert eignasafni hönnuðarinnar virðingar virði verðmætari þar af leiðandi.
Athugaðu að þessi hönnun hefur ekki áferð eða myndir annað en eignasafnið og lógóið. Annars hefði hönnunin verið of upptekin; Eins og það er, er efnið hnitið vel saman.
Gott ferli til að fylgja er að bæta við grundvallaratriðum fyrst og þá koma inn hönnunarþáttum eftir þörfum . Hönnuðurinn getur síðan hléað og endurspeglast þar sem hver nýr þáttur er bætt við og tryggt að útlitið sé ekki of mikið.
Rétt eins og listverk getur virst verðmætari í glæsilegri hönnun, þá getur það verið vörur. Dökk og sléttur hönnun, eins og Tapbots og svo margir aðrir, hjálpar til við að sýna fram á að vöran sé seld.
Hönnunin endurspeglar tækið sjálft , með stigum og lýsingaráhrifum; sumir hönnun jafnvel líkja eftir áferð hátækni vörum þeirra.
Skapandi Dark Design
Beyond bara að birtast glæsilegur, dökk vefsíða hönnun getur einnig framkalla fleiri tilfinningalega svör en venjulegu ljós hönnun, sem gerir þá tilvalið fyrir skapandi verkefni. Skulum skoða nokkur dæmi um hvers konar skapandi hönnun sem er mögulegt.
The staður hér að neðan hefur mjög lítið efni en hefur einstakt skipulag og dökk liti til dýptar. Myrkur bakgrunnur er fullkominn fyrir vefsíður með mjög lítið efni .
Og vegna þess að þeir þurfa meira hvítt pláss, hefur hönnuður meira pláss til að vinna með.
Grunge vefhönnun kemur í mörgum myndum og vegna þess að grunge er "dökk og óhreinn" eru dökkar bakgrunnar eitt af þessum myndum.
Dark grunge hönnun eins Trozo virðast brjóta allar reglur: upptekinn áferð, fjölmennur skipulag og fjölbreytt úrval af litum. Og ennþá virkar þetta vefsvæði ennþá. Hvernig er það mögulegt?
Með svo mörgum sóðalegum þáttum til að vinna með, getur grunge hönnun verið erfiður fyrir byrjendur. Það sem gerir þetta verk er skipulag þess .
Bakgrunnurinn hefur greinilega útbúin blokkir sem leiðbeina notandans auga og hjálpa að skipta innihaldinu í viðráðanlegan hluta.
Í öðru lagi hefur það tonn af hvítu plássi . Bakgrunnurinn getur verið áferð, en endurtekið mynstur sést af notandanum sem hvítt pláss, sem hjálpar til við að létta hönnunina.
Þetta hvíta rými er mest sýnt vinstra megin við merkið, undir leiðsögninni og meðfram hægri hliðinni.
Jafnvel milli "Sýning 01" og "Sýning 02" er meira hvítt pláss en einn myndi venjulega finna á vefsíðu eins og þetta.
Hvíta plássið breytir hlutum út, jafnvel þótt það lítur ekki út eins og hvítt pláss vegna þess að það er áferð . Lágmarki textinn og fáir hlutar (aðeins þrír) stuðla einnig að þessari útliti einfaldleika.
Hönnun Drew Wilson brýtur reglulega regluna um að nota lágmarks lit. Það virkar þó ennþá vegna þess að ljómandi hausinn er ein af fáum eiginleikum í þessari grimmu hönnun, þannig að ekkert yfirmagnar það.
Og dökk bakgrunnur gerir hausinn virðast jafnvel bjartari og ótrúlegri.
Myrkur bakgrunnur er oft notaður til að gera lýsingaráhrif og björtu litir standa út meira .
Slík hönnun er frábær skapandi undantekning frá reglunni um lágmarks lit. En reglan ætti að vera brotin með varúð: forðast truflandi stig, áferð og lit frekar niður á síðunni.
Klára
Myrkur bakgrunnur gefur glæsilegri og skapandi tilfinningu fyrir vefhönnun, sem gerir þær fullkomnar fyrir sumar eignasöfn en þau eru ekki hentug fyrir hvert vefsvæði.
Fyrir stærri vefsíður, sérstaklega fyrir fólk með skerta sjónskerðingu og aðra fötlun, eru dökkar hönnun nei nei, jafnvel með stílrofa.
Vonandi þegar tíminn kemur að þú þarft að hanna vefsíðu með dökkum bakgrunni, munu þessar ráðleggingar og aðferðir hjálpa.
Skrifað eingöngu fyrir WDD eftir Kayla Knight .
Það eru margar fleiri aðferðir og aðferðir til að bæta dökk vefhönnun, svo vinsamlegast taktu þær sem þú hefur valið í athugasemdareitinn hér fyrir neðan.