{"id":247925,"date":"2023-10-10T14:33:00","date_gmt":"2023-10-10T11:33:00","guid":{"rendered":"https:\/\/inform.click\/valgete-tuhikute-kasutamise-eelised-kujundamisel\/"},"modified":"2023-10-10T14:44:00","modified_gmt":"2023-10-10T11:44:00","slug":"valgete-tuhikute-kasutamise-eelised-kujundamisel","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/valgete-tuhikute-kasutamise-eelised-kujundamisel\/","title":{"rendered":"Valgete t\u00fchikute kasutamise eelised kujundamisel"},"content":{"rendered":"

\n Kas vajate veebisaidil t\u00fchikuid? Lugege edasi, et teada saada, miks t\u00fchiku omamine ja kasutamine v\u00f5ib teie veebisaidi kujunduse atraktiivsust suurendada!\n<\/p>\n

\n Meid pommitatakse igap\u00e4evaselt v\u00e4ga erinevate ja keerukate veebisaitide kujundustega. \u00dcks selle tagaj\u00e4rgi on see, et unustame ignoreerida veebisaidi \u00fcht v\u00e4ga olulist komponenti, mis v\u00f5ib oluliselt m\u00f5jutada selle m\u00f5ju vaatajale. See on valge ruum.\n<\/p>\n

\n Valge ruum on osa viiest veebidisaini kriitilisest elemendist: t\u00fcpograafia, v\u00e4rvid, fotograafia ja illustratsioonid.\n<\/p>\n

\n Ruum \u00fcldiselt on veebisaidi oluline osa. Siiski j\u00e4\u00e4b see alahinnatud osaks. Paljud potentsiaalsed veebisaitide hostid ei ole t\u00fchiku t\u00e4htsuses kuigi kindlad. Nad usuvad vanas\u00f5nasse, et “mida rohkem, seda parem” seoses sisuga. Valge ruum v\u00f5i negatiivne ruum viitab veebisaidi ruumi mahule, mis j\u00e4\u00e4b p\u00e4rast lehe elementide lisamist maha. Seega on see \u00fcmbritsev ruum p\u00e4ised, b\u00e4nnerid, postituste vahel ja nii edasi; n\u00fc\u00fcd peate kindlasti aru saama, mida see t\u00e4hendab.\n<\/p>\n

\n Seega ei kasutata t\u00fchja ruumi sisu paigutamiseks. Seda kasutatakse lehe elementide j\u00e4rjestuse optimeerimiseks. Valge ruum loob tasakaalu positiivse ja negatiivse ruumi vahel. See ei t\u00e4henda tingimata valgenahalist olemist. See v\u00f5ib olla v\u00e4rviline, kuid sellel ei tohiks olla veebisaidi elemente. T\u00fchjade m\u00e4\u00e4ratlemiseks ja piiritlemiseks on erinevaid viise: makro- ja mikrot\u00fchik. Makro t\u00fchim\u00e4rk on ruum funktsioonide suuremate veebilehe elementide vahel. Mikrot\u00fchik on ruum veebilehe v\u00e4iksemate funktsioonide, n\u00e4iteks tekstiridade vaheline ruum v\u00f5i teksti ja pildi vaheline ruum.\n<\/p>\n

\n Paljud inimesed v\u00f5ivad pidada t\u00fchikuid ebaoluliseks ja kasutuks, kuid see on vale suhtumine. Eksperdid tunnistavad, et t\u00fchi ruum on veebikujunduse oluline komponent ja seda ei saa ignoreerida. See pole lihtsalt taustak\u00fcsimus ega lihtsalt algse veebiruumi j\u00e4\u00e4nuk. Liiga palju kujunduselemente veebisaidile toppimine lootuses oma vaataja\/lugeja t\u00e4helepanu liigselt k\u00f6ita ei maksa just teile dividende.\n<\/p>\n

\n Sageli on parimad veebikujundused sageli k\u00f5ige lihtsamad ja elegantsemad. Need on minimaalsed ja nende tekitatav efekt tuleneb t\u00fchja ruumi t\u00f5husast kasutamisest. T\u00fchjade otstarbekas kasutamine aitab muuta veebilehe kujunduse loetavamaks ja arusaadavamaks, t\u00fchimik t\u00e4idab mitut eesm\u00e4rki. See v\u00f5ib teie veebisaidi esteetilist kvaliteeti t\u00f5esti t\u00f5sta. Samuti v\u00f5ib see parandada ja t\u00e4iustada selle funktsionaalsust.\n<\/p>\n

\n Loetavus
\n<\/h5>\n

\n Teie veebisaidi k\u00f5ige olulisem eesm\u00e4rk on teie sisu sihtr\u00fchmale tutvustada. Teie graafika, pildid, v\u00e4rvid v\u00f5ivad olla head, kuid kui teie sisu pole n\u00e4htav, loetav v\u00f5i loetav, olete sellest r\u00e4si teinud. Paljud eksperdid \u00fctlevad, et t\u00fchiku kasutamine on vajalik teksti \u00fchtlustamiseks, et see vaatajale liiga ei paistaks. Seega on see vajalik loetavuse parandamiseks. Liigse teksti esitamine ilma t\u00fchikuteta t\u00f5rjuks isegi k\u00f5ige motiveerituma lugeja. Mis kasu on siis kvaliteetsest tekstist?\n<\/p>\n

\n T\u00fchja ruumi arukas kasutamine aitab seda probleemi v\u00e4ltida. Tekst, mis on tihedalt kokku pakitud ja tekst, mis on jaotatud \u00fcle veebiruumi, nii et tekstielementide vahel on piisavalt ruumi, on loetavuses drastiliselt erinev. Seega on siin makro- ja mikrot\u00fchja kasutamine kasulik. Suurendades teksti ridade ja \u00fcksikute t\u00e4hem\u00e4rkide vahele j\u00e4\u00e4vat mikrot\u00fchikut, saab tekitada kerguse tunde, muutes sisu loetavamaks ja loetavamaks. Suurema makro t\u00fchiku lisamine peamistele elementidele v\u00f5ib samuti kaasa tuua parema tekstijaotuse. Spiekermann kasutas seda strateegiat Economisti veebisaidi \u00fcmberkujundamiseks.\n<\/p>\n

\n T\u00fchjade kasutamine l\u00f5ikude vahel ja vajaduse korral isegi ridade vahel v\u00f5ib muuta selle lugejatele nauditavamaks ja v\u00e4hendab pinget, mis tekib valusalt l\u00e4bi rahvarohkete ja tihedate ridade kokkupakkimise. M\u00f5ned uuringud n\u00e4itavad, et t\u00fchikute kasutamine sellisel viisil suurendab loetust arusaamist peaaegu 20%.\n<\/p>\n

\n Sisu prioritiseerimine ja kaasamine
\n<\/h5>\n

\n T\u00f5hus t\u00fchja ruumi kasutamine v\u00e4hendab ka vaatajate t\u00e4helepanu hajutamist. See aitab neil keskenduda sellele, mida olete tekstina esitanud. IT takistab nende t\u00e4helepanu segamast muudest funktsioonidest, mis v\u00f5ivad neid aeglustada, ja see aitab neil tegelikult tekstile keskenduda. Valge ruum aitab seega edendada seotust ja suhtlust vaatajaskonnaga, mis peaks olema teie veebisaidi eesm\u00e4rk.\n<\/p>\n

\n T\u00e4itmise kasutamine tekstialade \u00fcmber aitab suurendada konkreetse sisuosa n\u00e4htavust, mida soovite esile t\u00f5sta. Traditsiooniline tehnika oleks olnud teksti fondi suuruse suurendamine v\u00f5i fondi erinevate versioonide kasutamine nende osade esilet\u00f5stmiseks; t\u00fchiku kasutamine v\u00e4ldib seda. Lehe eriosade n\u00e4htavaks tegemine v\u00f5ib olla v\u00e4ga t\u00f5hus.\n<\/p>\n

\n T\u00fchikut saab kasutada ka veebisaidi oluliste osade loomiseks, mida kasutatakse vaatajate suunamiseks konkreetsetele toimingutele, n\u00e4iteks tegevusele kutsumise nupud, allalaadimiseks kl\u00f5psamine, ostulingid jne.\n<\/p>\n

\n Parandab veebisaidi esitlust ja kvaliteeti
\n<\/h5>\n

\n T\u00fchik ei ole t\u00fchi ruum ega surnud ruum ega \u00fcleliigne. Sellel on kindel eesm\u00e4rk ja see on muuta teie veebisait oma esitusviisi ja v\u00e4limuse poolest silmapaistvaks.\n<\/p>\n

\n See v\u00f5ib tekstifondide, kirjat\u00fc\u00fcbi ja graafikaga v\u00f5rreldes tunduda \u00fcsna eristamatu, kuid see ei t\u00e4henda, et sellest pole kasu. T\u00fchjade lisamine ja selle huvitav kasutamine v\u00f5imaldaks inimestel h\u00f5lpsalt ja mugavamalt veebisaite vaadata. Kui soovite, et teie veebisait oleks t\u00f5hus k\u00fclastajate meelitamiseks, peaks see olema kujundatud nii, et sisu saaks kiiresti skannida.\n<\/p>\n

\n Mida rohkem aega kulub vaatajal teie sisu n\u00e4gemiseks ja m\u00f5istmiseks, seda v\u00e4hem k\u00f6itvaks see tema jaoks oleks. T\u00fchikute kasutamine veebilehel sobivates kohtades ja loominguliselt annab silmale puhkust; silm saab tekstisisu l\u00f5dvemalt vastu v\u00f5tta.\n<\/p>\n

\n Kasutage t\u00fchikuid nendes v\u00e4ikestes ruumides, mida varem eirati; nagu teksti servad, piirid, veerised, rennid ning t\u00e4htede \u00fcmber ja ridade vahel olev ruum.\n<\/p>\n

\n Paigutus
\n<\/h5>\n

\n T\u00f5husat t\u00fchja ruumi kasutamist saab paremini v\u00f5imaldada huvitavate ja h\u00e4sti planeeritud paigutuste kasutamine. Paigutus peaks v\u00f5imaldama t\u00fchiku kasutamist. T\u00fchja v\u00f5i negatiivse t\u00fchiku kasutamine aitab suurendada kaubam\u00e4rkide ja nende kujutiste n\u00e4htavust veebisaidil ja seet\u00f5ttu on need br\u00e4ndi eksponeerimisel v\u00e4ga olulised. Need v\u00f5ivad aidata teie br\u00e4ndi positsioneerimisega seotud j\u00f5upingutusi t\u00e4iustada ja neile v\u00e4\u00e4rtust lisada. Lihtne ja elegantne t\u00fchiku kasutamine loob veebisaidil reklaamitava toote v\u00f5i kaubam\u00e4rgi kohta erilise tunde. N\u00e4iteks vaadake apple.com kodulehte.\n<\/p>\n

\n 80-90% avalehest on p\u00fchendatud t\u00fchimikule. Kasutatavad fondid on mustal taustal valged ja piiratud lehe \u00fclaosaga \u00f5hukese kihina. Reklaamitavat elementi (iPad) hoitakse sel juhul avalehe keskel, \u00fcmbritsetuna l\u00e4bipaistva valge t\u00fchjusega. Seal on vaid m\u00f5ned read, mida kasutatakse vaatajas elevuse tekitamiseks eelseisva iPadi uue versiooni ilmumisest. Kahe rea vahel, sellel pildil ja isegi s\u00f5nade vahel on tervislik ruum. Mida tunneb vaataja seda n\u00e4hes? Ta kogeb seda nagu s\u00f5\u00f5m v\u00e4rsket \u00f5hku. Ta hingab ja sukeldub visuaalsesse kogemusse. Ta on kihlatud. Nende silmad on t\u00e4ielikult tootele keskendunud ilma t\u00e4iendavate segajateta. Sellest peaks jutt olema.\n<\/p>\n

\n Paigutus ja elemendid on v\u00e4ga lihtsalt paigutatud. Kasutaja saab h\u00f5lpsasti liikuda lehe \u00fclaosas kuvatavatesse erinevatesse jaotistesse. Iga kl\u00f5ps avab sarnase lehe. Seet\u00f5ttu on see kasutatavuse poolest v\u00e4ga t\u00f5hus ja kasutajad saavad h\u00f5lpsalt navigeerida, ilma segavaid elemente ning tarbetut ja liigset teksti kokku puutumata.\n<\/p>\n

\n <\/a>\n<\/p>\n

\n L\u00fchidalt \u00f6eldes on see lihtne, minimalistlik, elegantne, kogenud; just need omadused, mida seostatakse mis tahes Apple'i tootega. – Kvaliteet ja klass. Disainer on teinud suurep\u00e4rast t\u00f6\u00f6d, kasutades valget ruumi suurep\u00e4raselt, et luua Apple'i tootega seotud “aura”, mida saab kogeda nii v\u00f5rgus kui ka v\u00e4ljaspool seda. Seega aitab see br\u00e4ndi reklaamida ja s\u00e4ilitada selle \u00fclemaailmset mainet. Kujundus ja tekst on liidetud nii, et tekib harmoonia \u2013 osaliselt t\u00e4nu valge ruumi ulatuslikule kasutamisele. Sel juhul on see makro t\u00fchikute suurep\u00e4rane kasutamine. Google'i koduleht on veel \u00fcks n\u00e4ide makro t\u00fchikute m\u00f5juvast kasutamisest.\n<\/p>\n

\n Kui makrot\u00fchikute kasutamine v\u00f5ib keskenduda kaubam\u00e4rgile ja selle kuvandile, v\u00f5ib mikrot\u00fchiku kasutamine aidata muuta teksti loetavaks. See on eriti oluline veebisaitide puhul, mis tegelevad suure hulga sisuga, nagu tekstid ja pildid, nagu n\u00e4iteks ajalehtede veebisaidid. Nagu see n\u00e4ide n\u00e4itab, on esimesel pildil segane tekstiosa. Pealkirja ja l\u00f5igu esimese rea vahel ei ole t\u00fchikut. J\u00e4rgmised read j\u00e4rgnevad \u00fcksteise j\u00e4rel. Tundub, et read ja s\u00f5nad on kitsas koos. Lugejal tekib selle vaatamisel pingetunne ja ta tahaks selle vahele j\u00e4tta v\u00f5i ei p\u00f6\u00f6ra asjale erilist t\u00e4helepanu. Sisu loomise eesm\u00e4rk on nurjunud, kuna v\u00e4ikeses ruumis on teksti liiga palju.\n<\/p>\n

\n Naaberpildil on m\u00f5ned parandusmeetmed kasutusele v\u00f5etud ja vaataja n\u00e4eb, kuidas see teksti loetavuses muudab. Ridade vahele ja erinevate joonte vahele on sisse viidud valge t\u00fchik. See on sisse viidud pealkirja ja esimese rea vahele. Selline ruumi jaotus on oluliselt parandanud esitlust, v\u00e4limust ja sisu v\u00e4limust. Kuna see postitus on tekstipostitus ega ole seotud br\u00e4ndi kuvandiga, on makro t\u00fchikute kasutamine siin v\u00e4hem aktuaalne.\n<\/p>\n

\"\"<\/a><\/p>\n

\n M\u00f5ned v\u00e4\u00e4rarusaamad, mis on pannud paljud kahtlema t\u00fchiku v\u00e4\u00e4rtuses veebidisainis, on seotud kerimisk\u00e4itumise eeldustega. Arvatakse, et kasutajad ei keri kogu veebilehe pikkust allapoole ja seet\u00f5ttu on t\u00fchikute kasutamine raiskamine. Selle tulemuseks on see, et disainerid risustavad lehe tihedalt ummistunud tekstiga. Uuringud l\u00fckkasid selle \u00fcmber. Kasutajad kontrollivad sageli kogu veebilehte t\u00e4ielikult. Seega pole p\u00f5hjust veebidisainis t\u00f5husalt t\u00fchikuid mitte kasutada.\n<\/p>\n

\n Elavad n\u00e4ited\n<\/p>\n

\n Allpool on m\u00f5ned n\u00e4ited veebisaitidest, mis kasutavad t\u00fchikuid ja pakuvad paigutusi, mis uurivad ruumi teksti, piltide, veeriste, men\u00fc\u00fcde ja muude elementide vahel.\n<\/p>\n

\n Valmistatud diivanilt
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n N\u00fcgima
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Philipi maja
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n NV interaktiivne
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Ainult \u00fchingu poolt
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Ruutruum
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Grandemail
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n T\u00fc\u00fcp\/kood
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Diehl Groupi arhitektid
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Jac kastis
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n<\/p>\n

\n : instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Kas vajate veebisaidil t\u00fchikuid? Lugege edasi, et teada saada, miks t\u00fchiku omamine ja kasutamine v\u00f5ib teie veebisaidi kujunduse atraktiivsust suurendada! Meid pommitatakse igap\u00e4evaselt v\u00e4ga erinevate ja keerukate veebisaitide kujundustega. \u00dcks selle tagaj\u00e4rgi on see, et unustame ignoreerida veebisaidi \u00fcht v\u00e4ga olulist komponenti, mis v\u00f5ib oluliselt m\u00f5jutada selle m\u00f5ju vaatajale. See on valge ruum. Valge ruum on osa viiest veebidisaini kriitilisest elemendist: t\u00fcpograafia, v\u00e4rvid, fotograafia ja\u2026<\/p>\n","protected":false},"author":1,"featured_media":144559,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[195,52],"tags":[],"class_list":["post-247925","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veebikujundus","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=247925"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247925\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/144559"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=247925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=247925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=247925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}