Notkun Whitespace til að búa til frábæra vefsíðuhönnun

Birting: Stuðningur þinn hjálpar til við að halda vefnum í gangi! Við þénum tilvísunargjald fyrir sumar þjónusturnar sem við mælum með á þessari síðu.


Orð eins og „hreint“ ?? “Einfalt,” ?? „Lúxus,“ ?? og “áhrifarík” ?? oft hent þegar þú talar um svigrúm. En eins auðvelt og það er að skilgreina hvítum svigrúm sem hönnunarþátt – og naumhyggju sem hönnunaraðferðina sem nýtir það – veistu hvernig á að nota rými almennilega í vefhönnun?

Hvernig nota má svigrúm betur

Til að byrja, það eru nokkur atriði sem þú þarft að vita um svigrúm áður en þú notar það í vinnu þína.

  • Whitespace er einnig þekkt sem neikvætt rými.
  • Þó að svigrúm bendi til skorts á innihaldi innan ákveðins svæðis snýst það alls ekki um tómleika. Hvíta svigrúm er í sjálfu sér hönnunarþáttur.
  • Lykillinn að því að vinna almennilega með svigrúmi er hæfileikinn til að taka allt pláss í huga. Ef þú skilur sambandið milli allra mismunandi þátta á vefsíðu, geturðu notað svigrúm til að hafa áhrif og efla þessi sambönd.

Þegar kemur að vefhönnun er minna raunverulega meira. Segðu það í færri orðum. Einfaldaðu litatöflu þína. Notaðu náttúrulega ristina. Með öðrum orðum, taktu inn alla myndina og skipuleggðu vefsíðurnar þínar með markhæfari hætti. Þú gætir orðið hissa á kostunum sem þú munt uppskera í skiptum fyrir að gera það:

  • Áhrifaríkari vekur athygli gesta á ákall til aðgerða (CTAs).
  • Bættu skipulagið og jafnvægið svo auðveldara sé að finna allt.
  • Auka læsileika efnisins.
  • Komdu með tilfinningu fyrir lúxus sem gestir munu síðan tengja við vörumerkið þitt.
  • Teiknaðu samtök við vörumerki eins og Google og Apple sem nota einnig á áhrifaríkan hátt hreina, einfalda hönnun og svigrúm.

Hljómar vel, er það ekki? Jæja þá er kominn tími til að kíkja á 12 leiðir sem þú getur notað hvítt svæði almennilega á vefsíðunum þínum.

1. Búðu til þungamiðju

Þegar þú hugsar um vefsíðu sem er svo lítil og grundvallaratriði í hönnun og samt mjög árangursrík í hlutverki sínu, þá muntu líklegast sjá fyrir þér Google. Það er augljóst hver mikilvægasti hlutinn á þessari vefsíðu er – og það er ekki bara vegna þess að þeir eru með litrík merki og leitarreit á síðunni. Með öllu þessu svigrúmi geturðu ekki annað en beint augunum að miðjunni.

2. Brjóta upp texta

Whitespace snýst ekki bara um að koma áherslu á mikilvæga hluti vefsíðu. Það er einnig hægt að nota á áhrifaríkan hátt til að gera mikið af innihaldi á einu svæði læsilegra. Mozilla heimasíðan hefur gert þetta með því að nota sterka liti, opið rými og jafnvægi til að bæta læsileika þess.

3. Fletjið blaðsíðum

Mundu í skólanum þegar þú myndir breyta framlegð á blaðsíðu í 1,25 ″ ?? og vona að kennarinn hafi ekki tekið eftir aukinni padding til að láta skýrsluna þína birtast lengur en hún var? Jæja, þú ert heppinn, vegna þess að víðtækari framlegð eru í raun mjög áhrifarík til að vekja athygli á miðju blaðsíðunnar. iA býður upp á frábært dæmi um þetta.

4. Skipulagðu blaðsíður stöðugt

Whitespace er oft notað til að koma á takt og sett uppbyggingu vefsíðu. Taktu Dropbox til dæmis. Þú veist að það verður klumpur af textanum á annarri hliðinni, myndin á hinni og stórt skarð í rými til að kynna næsta hlut í sömu stærð.

5. Jafnvægi ósamhverfar hönnun

Þegar við hugsum um samhverfu í hönnun er það venjulega eins einfalt og „Ég er kominn með myndina hérna megin, svo ég bæti mynd eða texta af sömu þyngd hinum megin.“ ?? Stundum lítur samt ósamhverfa út eins snyrtileg og rökrétt og samhverf hönnun eins og á Apple iPad síðu.

6. Koma á samböndum

Þessi sérstaka hvítum svoleiðis tækni er aðeins erfiðara að draga frá sér en önnur vegna þess að þú verður að finna réttan stað til að gera það. Eitt besta dæmið um þetta er í verðlagningu eða þjónustutöflum. Þó að sum fyrirtæki noti eftirlit og X til að fylla út allt plássið, þá vinnur WordPress frábært starf við að nota neikvætt rými til að sýna fram á hversu miklu meira þú færð með dýrari áætlunum sínum.

7. Myndaðu námskeið

Þú þarft ekki örvar eða rennur til að leiðbeina gestum þínum um ákveðna leið á vefsíðunni þinni. Reyndar, ef þú notar svindlaðar myndir og alveg rétt magn af svigrúmi, geturðu óbeint leiðbeint gestum þínum frá toppi til botns með auðveldum hætti eins og Apple gerir.

8. Gefðu leiðsöguherberginu að anda

Leiðsögustikan er frábær staður til að leika sér með víðtæk svæði. Notaðu svigrúm til að gefa merki áherslu eins og Philip House. Eða notaðu útdráttarvalmynd sem gefur mega valmyndarherbergi til að anda eins og Bulgari hefur gert. Sama regla ætti að gilda um fótfæti.

9. Búðu til leiklist

CTAs snúast allt um að nota tilfinningar til að knýja fram gesti til að smella á hnappinn eða fylla út eyðublað eða kaupa. En þessi CTA hafa ekki eins mikil áhrif ef þú gefur þeim ekki smá stund til að láta tilfinningarnar setja sig inn. Despreneur hetjuímyndin gerir það bara með „Ertu að hlaða nóg?“ ?? gefa gestum augnablik til að örvænta áður en þeir bjóða upp á skærgræna lausnina.

10. Leggðu áherslu á leturfræði

Ef þú notar stærri letur á vefsíðu þinni er það vegna þess að þau eiga skilið meiri athygli. Með því að byggja viðbótar pláss í kringum þessa leturfræði ertu að gefa gestum merki um að þetta sé þar sem þeir þurfa að stoppa og fylgjast með áður en þeir halda áfram, rétt eins og SuperReal vefurinn gerir.

11. Notaðu myndir með Whitespace

Þegar kemur að því að nota hvítum svæðum á vefsíðu, finnst þér ekki vera að búa þetta allt á eigin spýtur. Með einfaldri leit að hugtakinu „neikvætt rými“ ?? á Flickr og Pixabay, þá færðu meira en nóg af valkostum fyrir myndir sem þú gætir notað sem myndi hjálpa til við að koma þessari hugmynd um einfalda, hreina og stefnumótandi hönnun í veg fyrir.

12. Búðu til Peekaboo þætti

Þó að hugmyndin um að búa til stafi, form og aðra þekkta hluti með aðeins djörfum litum og svigrúmi sé virkilega flott, þá er hún erfið að framkvæma vegna þess að hún þarfnast að minnsta kosti millistigs hönnunarreynslu. Tvö af þekktari dæmunum um „peekaboo“ ?? hvíta rými eru örin í FedEx merkinu og peacock í NBC merkinu. Merki eru ekki eini hluti vefsíðu þinnar þar sem þú getur notað þessa tegund af svigrúmi.

Hvíta svigrúm í framtíðarhönnun

Að sumu leyti er vefhönnun mun auðveldari í dag en var fyrir tíu árum. Við höfum fengið innihaldsstjórnunarkerfi sem er fullt af námskeiðum, viðbótum og þemum til að hjálpa jafnvel nýliði verktaki og vefstjóra við að byggja upp vefsíður. Aftur á móti er vefhönnun mun erfiðari núna en hún var fyrir tíu árum. Það er vegna þess að við höfum öll þessi tæki og viðmiðunarefni til ráðstöfunar sem gerir væntingarnar miklu meiri en þær voru áður. Þetta er ástæðan fyrir hönnuðum og hönnuðum sem vilja standa fyrir ofan samkeppnina og fara með vefsíður sínar í meiri hæð þurfa að vita hvernig á að nota svigrúm á áhrifaríkan hátt.

Frekari upplestur og úrræði

Við höfum fleiri handbækur, námskeið og infographics sem tengjast vefhönnun:

  • Semja góðan HTML: þetta er traust kynning á því að skrifa vel mótaðan HTML og nota HTML staðfestingarhugbúnað.
  • CSS3 – Inngangur, leiðbeiningar og auðlindir: þetta er frábær staður til að byrja að læra uppsetningu vefsíðna.

Þróun í vefhönnun sem þú munt aldrei gleyma

Sérhver hönnuður vill búa til tímalaus skjöl – þau sem munu aldrei líta vel út. En við mistökum það oft. Í infographic Web Design Trends okkar munt þú aldrei gleyma við förum í gegnum áratuga hönnun sem var einu sinni talið vera hæð svalans.

Þróun í vefhönnun sem þú munt aldrei gleyma
Þróun í vefhönnun sem þú munt aldrei gleyma

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me