Valgete tühikute kasutamise eelised kujundamisel

Viimati uuendatud okt. 10, 2023

Kas vajate veebisaidil tühikuid? Lugege edasi, et teada saada, miks tühiku omamine ja kasutamine võib teie veebisaidi kujunduse atraktiivsust suurendada!

Meid pommitatakse igapäevaselt väga erinevate ja keerukate veebisaitide kujundustega. Üks selle tagajärgi on see, et unustame ignoreerida veebisaidi üht väga olulist komponenti, mis võib oluliselt mõjutada selle mõju vaatajale. See on valge ruum.

Valge ruum on osa viiest veebidisaini kriitilisest elemendist: tüpograafia, värvid, fotograafia ja illustratsioonid.

Ruum üldiselt on veebisaidi oluline osa. Siiski jääb see alahinnatud osaks. Paljud potentsiaalsed veebisaitide hostid ei ole tühiku tähtsuses kuigi kindlad. Nad usuvad vanasõnasse, et “mida rohkem, seda parem” seoses sisuga. Valge ruum või negatiivne ruum viitab veebisaidi ruumi mahule, mis jääb pärast lehe elementide lisamist maha. Seega on see ümbritsev ruum päised, bännerid, postituste vahel ja nii edasi; nüüd peate kindlasti aru saama, mida see tähendab.

Seega ei kasutata tühja ruumi sisu paigutamiseks. Seda kasutatakse lehe elementide järjestuse optimeerimiseks. Valge ruum loob tasakaalu positiivse ja negatiivse ruumi vahel. See ei tähenda tingimata valgenahalist olemist. See võib olla värviline, kuid sellel ei tohiks olla veebisaidi elemente. Tühjade määratlemiseks ja piiritlemiseks on erinevaid viise: makro- ja mikrotühik. Makro tühimärk on ruum funktsioonide suuremate veebilehe elementide vahel. Mikrotühik on ruum veebilehe väiksemate funktsioonide, näiteks tekstiridade vaheline ruum või teksti ja pildi vaheline ruum.

Paljud inimesed võivad pidada tühikuid ebaoluliseks ja kasutuks, kuid see on vale suhtumine. Eksperdid tunnistavad, et tühi ruum on veebikujunduse oluline komponent ja seda ei saa ignoreerida. See pole lihtsalt taustaküsimus ega lihtsalt algse veebiruumi jäänuk. Liiga palju kujunduselemente veebisaidile toppimine lootuses oma vaataja/lugeja tähelepanu liigselt köita ei maksa just teile dividende.

Sageli on parimad veebikujundused sageli kõige lihtsamad ja elegantsemad. Need on minimaalsed ja nende tekitatav efekt tuleneb tühja ruumi tõhusast kasutamisest. Tühjade otstarbekas kasutamine aitab muuta veebilehe kujunduse loetavamaks ja arusaadavamaks, tühimik täidab mitut eesmärki. See võib teie veebisaidi esteetilist kvaliteeti tõesti tõsta. Samuti võib see parandada ja täiustada selle funktsionaalsust.

Содержание показать

Loetavus

Teie veebisaidi kõige olulisem eesmärk on teie sisu sihtrühmale tutvustada. Teie graafika, pildid, värvid võivad olla head, kuid kui teie sisu pole nähtav, loetav või loetav, olete sellest räsi teinud. Paljud eksperdid ütlevad, et tühiku kasutamine on vajalik teksti ühtlustamiseks, et see vaatajale liiga ei paistaks. Seega on see vajalik loetavuse parandamiseks. Liigse teksti esitamine ilma tühikuteta tõrjuks isegi kõige motiveerituma lugeja. Mis kasu on siis kvaliteetsest tekstist?

Tühja ruumi arukas kasutamine aitab seda probleemi vältida. Tekst, mis on tihedalt kokku pakitud ja tekst, mis on jaotatud üle veebiruumi, nii et tekstielementide vahel on piisavalt ruumi, on loetavuses drastiliselt erinev. Seega on siin makro- ja mikrotühja kasutamine kasulik. Suurendades teksti ridade ja üksikute tähemärkide vahele jäävat mikrotühikut, saab tekitada kerguse tunde, muutes sisu loetavamaks ja loetavamaks. Suurema makro tühiku lisamine peamistele elementidele võib samuti kaasa tuua parema tekstijaotuse. Spiekermann kasutas seda strateegiat Economisti veebisaidi ümberkujundamiseks.

Tühjade kasutamine lõikude vahel ja vajaduse korral isegi ridade vahel võib muuta selle lugejatele nauditavamaks ja vähendab pinget, mis tekib valusalt läbi rahvarohkete ja tihedate ridade kokkupakkimise. Mõned uuringud näitavad, et tühikute kasutamine sellisel viisil suurendab loetust arusaamist peaaegu 20%.

Sisu prioritiseerimine ja kaasamine

Tõhus tühja ruumi kasutamine vähendab ka vaatajate tähelepanu hajutamist. See aitab neil keskenduda sellele, mida olete tekstina esitanud. IT takistab nende tähelepanu segamast muudest funktsioonidest, mis võivad neid aeglustada, ja see aitab neil tegelikult tekstile keskenduda. Valge ruum aitab seega edendada seotust ja suhtlust vaatajaskonnaga, mis peaks olema teie veebisaidi eesmärk.

Täitmise kasutamine tekstialade ümber aitab suurendada konkreetse sisuosa nähtavust, mida soovite esile tõsta. Traditsiooniline tehnika oleks olnud teksti fondi suuruse suurendamine või fondi erinevate versioonide kasutamine nende osade esiletõstmiseks; tühiku kasutamine väldib seda. Lehe eriosade nähtavaks tegemine võib olla väga tõhus.

Tühikut saab kasutada ka veebisaidi oluliste osade loomiseks, mida kasutatakse vaatajate suunamiseks konkreetsetele toimingutele, näiteks tegevusele kutsumise nupud, allalaadimiseks klõpsamine, ostulingid jne.

Parandab veebisaidi esitlust ja kvaliteeti

Tühik ei ole tühi ruum ega surnud ruum ega üleliigne. Sellel on kindel eesmärk ja see on muuta teie veebisait oma esitusviisi ja välimuse poolest silmapaistvaks.

See võib tekstifondide, kirjatüübi ja graafikaga võrreldes tunduda üsna eristamatu, kuid see ei tähenda, et sellest pole kasu. Tühjade lisamine ja selle huvitav kasutamine võimaldaks inimestel hõlpsalt ja mugavamalt veebisaite vaadata. Kui soovite, et teie veebisait oleks tõhus külastajate meelitamiseks, peaks see olema kujundatud nii, et sisu saaks kiiresti skannida.

Mida rohkem aega kulub vaatajal teie sisu nägemiseks ja mõistmiseks, seda vähem köitvaks see tema jaoks oleks. Tühikute kasutamine veebilehel sobivates kohtades ja loominguliselt annab silmale puhkust; silm saab tekstisisu lõdvemalt vastu võtta.

Kasutage tühikuid nendes väikestes ruumides, mida varem eirati; nagu teksti servad, piirid, veerised, rennid ning tähtede ümber ja ridade vahel olev ruum.

Paigutus

Tõhusat tühja ruumi kasutamist saab paremini võimaldada huvitavate ja hästi planeeritud paigutuste kasutamine. Paigutus peaks võimaldama tühiku kasutamist. Tühja või negatiivse tühiku kasutamine aitab suurendada kaubamärkide ja nende kujutiste nähtavust veebisaidil ja seetõttu on need brändi eksponeerimisel väga olulised. Need võivad aidata teie brändi positsioneerimisega seotud jõupingutusi täiustada ja neile väärtust lisada. Lihtne ja elegantne tühiku kasutamine loob veebisaidil reklaamitava toote või kaubamärgi kohta erilise tunde. Näiteks vaadake apple.com kodulehte.

80-90% avalehest on pühendatud tühimikule. Kasutatavad fondid on mustal taustal valged ja piiratud lehe ülaosaga õhukese kihina. Reklaamitavat elementi (iPad) hoitakse sel juhul avalehe keskel, ümbritsetuna läbipaistva valge tühjusega. Seal on vaid mõned read, mida kasutatakse vaatajas elevuse tekitamiseks eelseisva iPadi uue versiooni ilmumisest. Kahe rea vahel, sellel pildil ja isegi sõnade vahel on tervislik ruum. Mida tunneb vaataja seda nähes? Ta kogeb seda nagu sõõm värsket õhku. Ta hingab ja sukeldub visuaalsesse kogemusse. Ta on kihlatud. Nende silmad on täielikult tootele keskendunud ilma täiendavate segajateta. Sellest peaks jutt olema.

Paigutus ja elemendid on väga lihtsalt paigutatud. Kasutaja saab hõlpsasti liikuda lehe ülaosas kuvatavatesse erinevatesse jaotistesse. Iga klõps avab sarnase lehe. Seetõttu on see kasutatavuse poolest väga tõhus ja kasutajad saavad hõlpsalt navigeerida, ilma segavaid elemente ning tarbetut ja liigset teksti kokku puutumata.

Lühidalt öeldes on see lihtne, minimalistlik, elegantne, kogenud; just need omadused, mida seostatakse mis tahes Apple’i tootega. – Kvaliteet ja klass. Disainer on teinud suurepärast tööd, kasutades valget ruumi suurepäraselt, et luua Apple’i tootega seotud “aura”, mida saab kogeda nii võrgus kui ka väljaspool seda. Seega aitab see brändi reklaamida ja säilitada selle ülemaailmset mainet. Kujundus ja tekst on liidetud nii, et tekib harmoonia – osaliselt tänu valge ruumi ulatuslikule kasutamisele. Sel juhul on see makro tühikute suurepärane kasutamine. Google’i koduleht on veel üks näide makro tühikute mõjuvast kasutamisest.

Kui makrotühikute kasutamine võib keskenduda kaubamärgile ja selle kuvandile, võib mikrotühiku kasutamine aidata muuta teksti loetavaks. See on eriti oluline veebisaitide puhul, mis tegelevad suure hulga sisuga, nagu tekstid ja pildid, nagu näiteks ajalehtede veebisaidid. Nagu see näide näitab, on esimesel pildil segane tekstiosa. Pealkirja ja lõigu esimese rea vahel ei ole tühikut. Järgmised read järgnevad üksteise järel. Tundub, et read ja sõnad on kitsas koos. Lugejal tekib selle vaatamisel pingetunne ja ta tahaks selle vahele jätta või ei pööra asjale erilist tähelepanu. Sisu loomise eesmärk on nurjunud, kuna väikeses ruumis on teksti liiga palju.

Naaberpildil on mõned parandusmeetmed kasutusele võetud ja vaataja näeb, kuidas see teksti loetavuses muudab. Ridade vahele ja erinevate joonte vahele on sisse viidud valge tühik. See on sisse viidud pealkirja ja esimese rea vahele. Selline ruumi jaotus on oluliselt parandanud esitlust, välimust ja sisu välimust. Kuna see postitus on tekstipostitus ega ole seotud brändi kuvandiga, on makro tühikute kasutamine siin vähem aktuaalne.

Mõned väärarusaamad, mis on pannud paljud kahtlema tühiku väärtuses veebidisainis, on seotud kerimiskäitumise eeldustega. Arvatakse, et kasutajad ei keri kogu veebilehe pikkust allapoole ja seetõttu on tühikute kasutamine raiskamine. Selle tulemuseks on see, et disainerid risustavad lehe tihedalt ummistunud tekstiga. Uuringud lükkasid selle ümber. Kasutajad kontrollivad sageli kogu veebilehte täielikult. Seega pole põhjust veebidisainis tõhusalt tühikuid mitte kasutada.

Elavad näited

Allpool on mõned näited veebisaitidest, mis kasutavad tühikuid ja pakuvad paigutusi, mis uurivad ruumi teksti, piltide, veeriste, menüüde ja muude elementide vahel.