{"id":249813,"date":"2023-10-10T14:33:00","date_gmt":"2023-10-10T11:33:00","guid":{"rendered":"https:\/\/inform.click\/valkoisten-valilyontien-kayton-edut-suunnittelussa\/"},"modified":"2023-10-10T14:42:00","modified_gmt":"2023-10-10T11:42:00","slug":"valkoisten-valilyontien-kayton-edut-suunnittelussa","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/valkoisten-valilyontien-kayton-edut-suunnittelussa\/","title":{"rendered":"Valkoisten v\u00e4lily\u00f6ntien k\u00e4yt\u00f6n edut suunnittelussa"},"content":{"rendered":"<p>\n  Tarvitsetko tyhj\u00e4\u00e4 tilaa verkkosivustolle? Lue eteenp\u00e4in saadaksesi selville, miksi tyhj\u00e4n tilan k\u00e4ytt\u00f6 ja k\u00e4ytt\u00f6 voivat lis\u00e4t\u00e4 verkkosivustosi ulkoasun houkuttelevuutta!\n<\/p>\n<p>\n  Meit\u00e4 pommitetaan p\u00e4ivitt\u00e4in monenlaisilla ja monimutkaisilla verkkosivuilla. Yksi sen seurauksista on, ett\u00e4 unohdamme j\u00e4tt\u00e4\u00e4 huomiotta, yhden verkkosivuston eritt\u00e4in t\u00e4rke\u00e4n osan, joka voi vaikuttaa suuresti sen vaikutukseen katsojaan. Se on valkoinen tila.\n<\/p>\n<p>\n  Valkoinen tila on osa web-suunnittelun viitt\u00e4 kriittist\u00e4 elementti\u00e4: typografia, v\u00e4rit, valokuvaus ja kuvitus.\n<\/p>\n<p>\n  Tila on yleens\u00e4 t\u00e4rke\u00e4 osa verkkosivustoa. Se on kuitenkin edelleen aliarvioitu osa. Monet mahdolliset verkkosivustojen is\u00e4nn\u00e4t eiv\u00e4t ole kovin varmoja v\u00e4lily\u00f6nnin t\u00e4rkeydest\u00e4. He uskovat sanontaan, ett\u00e4 &#8221;mit\u00e4 enemm\u00e4n, sit\u00e4 parempi&#8221; sis\u00e4ll\u00f6n suhteen. Valkoinen v\u00e4li tai negatiivinen tila viittaa siihen m\u00e4\u00e4r\u00e4\u00e4n verkkosivuston tilaa, joka j\u00e4\u00e4 j\u00e4ljelle sivuelementtien sis\u00e4llytt\u00e4misen j\u00e4lkeen. Se on siis ymp\u00e4r\u00f6iv\u00e4 tila otsikot, bannerit, viestien v\u00e4lit ja niin edelleen; nyt sinun on t\u00e4ytynyt ymm\u00e4rt\u00e4\u00e4, mit\u00e4 se tarkoittaa.\n<\/p>\n<p>\n  Valkoista tilaa ei siis k\u00e4ytet\u00e4 sis\u00e4ll\u00f6n sijoittamiseen. Sit\u00e4 k\u00e4ytet\u00e4\u00e4n sivun elementtien j\u00e4rjestyksen optimointiin. Valkoinen tila luo tasapainon positiivisen ja negatiivisen tilan v\u00e4lill\u00e4. Se ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 tarkoita valkoisuutta. Se voi olla v\u00e4rillinen, mutta siit\u00e4 ei pit\u00e4isi puuttua verkkosivuston elementtej\u00e4. On olemassa erilaisia \u200b\u200b\u200b\u200btapoja m\u00e4\u00e4ritt\u00e4\u00e4 ja rajata tyhj\u00e4\u00e4 tilaa: makro ja mikrov\u00e4lily\u00f6nti. Makrov\u00e4lily\u00f6nti on tilaa suurempien web-sivujen ominaisuuksien v\u00e4lill\u00e4. Mikrov\u00e4lily\u00f6nti on tilaa verkkosivun pienempien ominaisuuksien, kuten tekstirivien v\u00e4liin tai tekstin ja kuvan v\u00e4liin.\n<\/p>\n<p>\n  Monet ihmiset saattavat pit\u00e4\u00e4 tyhj\u00e4\u00e4 tilaa merkityksett\u00f6m\u00e4n\u00e4 ja hy\u00f6dytt\u00f6m\u00e4n\u00e4, mutta se on v\u00e4\u00e4r\u00e4 asenne. Asiantuntijat todistavat, ett\u00e4 tyhj\u00e4 tila on kriittinen osa web-suunnittelua, eik\u00e4 sit\u00e4 voida j\u00e4tt\u00e4\u00e4 huomiotta. Se ei ole vain taustatekij\u00e4 tai vain j\u00e4\u00e4nn\u00f6s alkuper\u00e4isest\u00e4 verkkotilasta. Liian monien suunnitteluelementtien ahmiminen verkkosivustolle siin\u00e4 toivossa, ett\u00e4 saisit katsojan\/lukijan huomion liiallisella tavalla, ei juuri tuota sinulle voittoa.\n<\/p>\n<p>\n  Usein parhaat web-mallit ovat usein yksinkertaisimpia ja tyylikk\u00e4impi\u00e4. Ne ovat minimaalisia ja niiden tuottama vaikutus johtuu valkoisen tilan tehokkaasta k\u00e4yt\u00f6st\u00e4. Tyhjennysten tehokas k\u00e4ytt\u00f6 auttaa tekem\u00e4\u00e4n sivuston suunnittelusta luettavamman ja ymm\u00e4rrett\u00e4v\u00e4mm\u00e4n, White space palvelee useita tarkoituksia. Se voi todella parantaa sivustosi esteettist\u00e4 laatua. Se voi my\u00f6s parantaa ja parantaa sen toimintoja.\n<\/p>\n<h5>\n  Luettavuus<br \/>\n<\/h5>\n<p>\n  Verkkosivustosi t\u00e4rkein tarkoitus on esitell\u00e4 sis\u00e4lt\u00f6\u00e4si kohdeyleis\u00f6lle. Grafiikkasi, kuvasi, v\u00e4risi voivat olla hyvi\u00e4, mutta jos sis\u00e4lt\u00f6si ei ole n\u00e4kyviss\u00e4, luettavissa tai luettavissa, olet tehnyt siit\u00e4 tiivisteen. Monet asiantuntijat sanovat, ett\u00e4 v\u00e4lily\u00f6nnin k\u00e4ytt\u00f6 on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4 tekstin tasaamiseksi, jotta se ei n\u00e4y liikaa katsojalle. Siksi se on tarpeen luettavuuden parantamiseksi. Ylim\u00e4\u00e4r\u00e4isen tekstin esitt\u00e4minen ilman v\u00e4lily\u00f6ntej\u00e4 karkottaisi motivoituneimmankin lukijan. Mit\u00e4 hy\u00f6ty\u00e4 laadukkaasta tekstist\u00e4 sitten on?\n<\/p>\n<p>\n  \u00c4lyk\u00e4s tyhj\u00e4n tilan k\u00e4ytt\u00f6 voi auttaa v\u00e4ltt\u00e4m\u00e4\u00e4n t\u00e4m\u00e4n ongelman. Teksti, joka on tiukasti pakattu yhteen ja teksti, joka on jaettu verkkotilaan siten, ett\u00e4 tekstielementtien v\u00e4liss\u00e4 on riitt\u00e4v\u00e4sti tilaa, on rajuja eroja luettavuudessa. Siten t\u00e4ss\u00e4 makro- ja mikrovalkotilan k\u00e4ytt\u00f6 on k\u00e4tev\u00e4\u00e4. Lis\u00e4\u00e4m\u00e4ll\u00e4 tekstin rivien ja yksitt\u00e4isten merkkien v\u00e4list\u00e4 mikrovalkov\u00e4li\u00e4 saadaan aikaan keveyden tunne, jolloin sis\u00e4ll\u00f6st\u00e4 tulee entist\u00e4 luettavampaa ja luettavampaa. Makrov\u00e4lily\u00f6ntien lis\u00e4\u00e4minen t\u00e4rkeimpiin elementteihin voi my\u00f6s johtaa parempaan tekstin jakautumiseen. Spiekermann k\u00e4ytti t\u00e4t\u00e4 strategiaa uudistaessaan Economistin verkkosivustoa.\n<\/p>\n<p>\n  V\u00e4lily\u00f6ntien k\u00e4ytt\u00f6 kappaleiden v\u00e4liss\u00e4 ja tarvittaessa rivien v\u00e4liss\u00e4 voi tehd\u00e4 siit\u00e4 nautinnollisempaa lukijoille ja v\u00e4hent\u00e4\u00e4 tuskallista rasitusta tungosten ja tiheiden rivien l\u00e4pi pakattuna. Jotkut tutkimukset osoittavat, ett\u00e4 v\u00e4lily\u00f6ntien k\u00e4ytt\u00f6 t\u00e4ll\u00e4 tavalla lis\u00e4\u00e4 luetun ymm\u00e4rt\u00e4mist\u00e4 l\u00e4hes 20%.\n<\/p>\n<h5>\n  Sis\u00e4ll\u00f6n priorisointi ja sitoutuminen<br \/>\n<\/h5>\n<p>\n  Valkoisen tilan tehokas k\u00e4ytt\u00f6 v\u00e4hent\u00e4\u00e4 my\u00f6s h\u00e4iri\u00f6tekij\u00f6it\u00e4, jotka h\u00e4iritsev\u00e4t katsojiasi. Se auttaa heit\u00e4 keskittym\u00e4\u00e4n siihen, mit\u00e4 olet esitt\u00e4nyt tekstin\u00e4. IT est\u00e4\u00e4 heit\u00e4 h\u00e4iritsem\u00e4st\u00e4 muita ominaisuuksia, jotka voivat hidastaa heit\u00e4, ja t\u00e4m\u00e4 itse asiassa auttaa heit\u00e4 keskittym\u00e4\u00e4n tekstiin. White space auttaa siten edist\u00e4m\u00e4\u00e4n sitoutumista ja vuorovaikutusta yleis\u00f6n kanssa, mink\u00e4 pit\u00e4isi olla verkkosivustosi tavoite.\n<\/p>\n<p>\n  T\u00e4yt\u00f6n k\u00e4ytt\u00f6 tekstialueiden ymp\u00e4rill\u00e4 auttaa lis\u00e4\u00e4m\u00e4\u00e4n tietyn osan n\u00e4kyvyytt\u00e4 sis\u00e4ll\u00f6st\u00e4, jonka haluat korostaa. Perinteinen tekniikka olisi ollut lis\u00e4t\u00e4 tekstin kirjasimen kokoa tai k\u00e4ytt\u00e4\u00e4 erilaisia \u200b\u200bfontin versioita n\u00e4iden osien korostamiseen; tyhj\u00e4n tilan k\u00e4ytt\u00f6 v\u00e4ltt\u00e4\u00e4 t\u00e4m\u00e4n. Voi olla eritt\u00e4in tehokasta tuoda sivusi erityisosat n\u00e4kyviin.\n<\/p>\n<p>\n  Tyhji\u00f6t\u00e4 voidaan k\u00e4ytt\u00e4\u00e4 my\u00f6s verkkosivuston t\u00e4rkeiden osien tekemiseen, joita k\u00e4ytet\u00e4\u00e4n ohjaamaan katsojia tiettyihin toimiin, kuten toimintakehotuspainikkeet, lataa napsauttamalla, ostolinkit jne.\n<\/p>\n<h5>\n  Parantaa sivuston esitystapaa ja laatua<br \/>\n<\/h5>\n<p>\n  Tyhj\u00e4tila ei ole tyhj\u00e4\u00e4 tilaa, eik\u00e4 se ole kuollutta tilaa tai ylim\u00e4\u00e4r\u00e4ist\u00e4. Sill\u00e4 on tietty tarkoitus ja se on saada sivustosi erottumaan ulkon\u00e4\u00f6lt\u00e4\u00e4n ja ulkon\u00e4\u00f6st\u00e4\u00e4n.\n<\/p>\n<p>\n  Se voi n\u00e4ytt\u00e4\u00e4 varsin erottumattomalta verrattuna tekstin fontteihin, kirjasintyyppeihin ja grafiikkaan, mutta se ei tarkoita, etteik\u00f6 siit\u00e4 olisi hy\u00f6ty\u00e4. Tyhjennysten lis\u00e4\u00e4minen ja sen k\u00e4ytt\u00f6 mielenkiintoisilla tavoilla antaisi ihmisille mahdollisuuden tarkastella verkkosivustoja helpommin ja k\u00e4tev\u00e4mmin. Jos verkkosivustosi halutaan houkuttelevan tehokkaasti k\u00e4vij\u00f6it\u00e4, se tulee suunnitella niin, ett\u00e4 sis\u00e4lt\u00f6 voidaan skannata nopeasti.\n<\/p>\n<p>\n  Mit\u00e4 enemm\u00e4n aikaa katsojalta kuluu sis\u00e4lt\u00f6si n\u00e4kemiseen ja ymm\u00e4rt\u00e4miseen, sit\u00e4 v\u00e4hemm\u00e4n se kiinnostaa h\u00e4nt\u00e4. Valkotilan k\u00e4ytt\u00f6 nettisivun sopivissa paikoissa ja luovilla tavoilla antaa lev\u00e4t\u00e4 silm\u00e4lle; silm\u00e4 voi ottaa tekstisis\u00e4ll\u00f6n rennommin vastaan.\n<\/p>\n<p>\n  K\u00e4yt\u00e4 tyhj\u00e4\u00e4 v\u00e4lily\u00f6nti\u00e4 niiss\u00e4 pieniss\u00e4 tiloissa, jotka aiemmin j\u00e4tettiin huomiotta; kuten tekstin reunat, rajat, marginaalit, kourut sek\u00e4 kirjainten ymp\u00e4rill\u00e4 ja rivien v\u00e4liss\u00e4 oleva tila.\n<\/p>\n<h5>\n  Layout<br \/>\n<\/h5>\n<p>\n  Valkoisen tilan tehokas k\u00e4ytt\u00f6 voidaan mahdollistaa paremmin k\u00e4ytt\u00e4m\u00e4ll\u00e4 mielenkiintoisia ja hyvin suunniteltuja ulkoasuja. Asettelun tulee sallia v\u00e4lily\u00f6ntien hy\u00f6dynt\u00e4minen. Tyhjennysten tai negatiivisten v\u00e4lily\u00f6ntien k\u00e4ytt\u00f6 auttaa lis\u00e4\u00e4m\u00e4\u00e4n tuotemerkkien, niiden kuvien n\u00e4kyvyytt\u00e4 verkkosivustolla, ja siksi ne ovat eritt\u00e4in t\u00e4rkeit\u00e4 br\u00e4ndin n\u00e4kyvyyden kannalta. Ne voivat auttaa parantamaan ja lis\u00e4\u00e4m\u00e4\u00e4n arvoa br\u00e4ndisi sijoitteluun. Yksinkertainen ja tyylik\u00e4s tyhj\u00e4n tilan k\u00e4ytt\u00f6 luo erottuvan tunteen verkkosivustolla mainostettavasta tuotteesta tai br\u00e4ndist\u00e4. Katso esimerkkin\u00e4 apple.com-kotisivu.\n<\/p>\n<p>\n  80-90 % kotisivusta on omistettu tyhj\u00e4lle alueelle. K\u00e4ytetyt fontit ovat valkoisia mustaa taustaa vasten ja rajoittuvat sivun yl\u00e4osaan ohuena kerroksena. Mainostettava kohde (iPad) s\u00e4ilyy t\u00e4ss\u00e4 tapauksessa etusivun keskell\u00e4 l\u00e4pin\u00e4kyv\u00e4n, valkoisen tyhjyyden ymp\u00e4r\u00f6im\u00e4n\u00e4. On vain muutamia rivej\u00e4, joita k\u00e4ytet\u00e4\u00e4n her\u00e4tt\u00e4m\u00e4\u00e4n katsojassa j\u00e4nnityst\u00e4 tulevasta iPadin uudesta versiosta, joka julkaistaan. Kahden rivin v\u00e4liss\u00e4 on terve tila t\u00e4ss\u00e4 kuvassa ja jopa sanojen v\u00e4liss\u00e4. Mit\u00e4 mielt\u00e4 katsojasta on n\u00e4hdess\u00e4\u00e4n t\u00e4m\u00e4n? H\u00e4n kokee sen kuin raitista ilmaa. H\u00e4n hengitt\u00e4\u00e4 ja uppoutuu visuaaliseen kokemukseen. H\u00e4n on kihloissa. Heid\u00e4n silm\u00e4ns\u00e4 ovat t\u00e4ysin keskittyneet tuotteeseen ilman ylim\u00e4\u00e4r\u00e4isi\u00e4 h\u00e4iri\u00f6tekij\u00f6it\u00e4. T\u00e4st\u00e4 sen pit\u00e4isi olla kyse.\n<\/p>\n<p>\n  Asettelu ja elementit on j\u00e4rjestetty hyvin yksinkertaisesti. K\u00e4ytt\u00e4j\u00e4 voi helposti siirty\u00e4 sivun yl\u00e4reunassa n\u00e4kyville eri osioihin. Jokainen klikkaus avaa samanlaisen sivun. N\u00e4in ollen k\u00e4ytett\u00e4vyyden kannalta se on eritt\u00e4in tehokas ja k\u00e4ytt\u00e4j\u00e4t voivat helposti navigoida ilman h\u00e4iritsevi\u00e4 elementtej\u00e4 ja tarpeetonta ja ylim\u00e4\u00e4r\u00e4ist\u00e4 teksti\u00e4.\n<\/p>\n<p>\n  <a href=\"https:\/\/www.apple.com\/\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  Lyhyesti sanottuna se on yksinkertainen, minimalistinen, tyylik\u00e4s, hienostunut; vain ne ominaisuudet, jotka liittyv\u00e4t mihin tahansa Applen tuotteeseen. &#8211; Laatu ja luokka. Suunnittelija on tehnyt hienoa ty\u00f6t\u00e4 hy\u00f6dynt\u00e4en erinomaisesti valkoista tilaa luodakseen Apple-tuotteeseen liittyv\u00e4n &#8221;auran&#8221;, jonka voi kokea sek\u00e4 verkossa ett\u00e4 offline-tilassa. N\u00e4in ollen t\u00e4m\u00e4 auttaa mainostamaan br\u00e4ndi\u00e4 ja yll\u00e4pit\u00e4m\u00e4\u00e4n sen maailmanlaajuista mainetta. Suunnittelu ja teksti yhdistyv\u00e4t siten, ett\u00e4 syntyy harmonia &#8211; osittain valkoisen tilan laajan k\u00e4yt\u00f6n ansiosta. T\u00e4ss\u00e4 tapauksessa se on tarkemmin sanottuna erinomainen makro-v\u00e4lily\u00f6nti. Googlen kotisivu on toinen esimerkki makron v\u00e4lily\u00f6nnist\u00e4.\n<\/p>\n<p>\n  Vaikka makron v\u00e4lily\u00f6nnin k\u00e4ytt\u00f6 voi lis\u00e4t\u00e4 keskittymist\u00e4 br\u00e4ndiin ja sen imagoon, mikrotyhjennys voi auttaa tekem\u00e4\u00e4n tekstist\u00e4 luettavaa. T\u00e4m\u00e4 on erityisen t\u00e4rke\u00e4\u00e4 verkkosivustoille, jotka k\u00e4sittelev\u00e4t paljon sis\u00e4lt\u00f6\u00e4, kuten tekstej\u00e4 ja kuvia, kuten esimerkiksi sanomalehtisivustot. Kuten t\u00e4m\u00e4 esimerkki osoittaa, ensimm\u00e4isess\u00e4 kuvassa n\u00e4kyy sekainen teksti. Otsikon ja kappaleen ensimm\u00e4isen rivin v\u00e4liss\u00e4 ei ole v\u00e4lily\u00f6nti\u00e4. Seuraavat rivit seuraavat yksi toisensa j\u00e4lkeen. Rivit ja sanat n\u00e4ytt\u00e4v\u00e4t olevan ahtaita yhteen. Lukija saa j\u00e4nnityksen tunteen sit\u00e4 katsoessaan ja h\u00e4nest\u00e4 tulee taipumus ohittaa t\u00e4m\u00e4 tai olla kiinnitt\u00e4m\u00e4tt\u00e4 asiaan paljon huomiota. Sis\u00e4ll\u00f6n luomisen tarkoitus ep\u00e4onnistuu, koska pieness\u00e4 tilassa on liikaa teksti\u00e4.\n<\/p>\n<p>\n  Viereisess\u00e4 kuvassa on tehty korjaustoimenpiteit\u00e4 ja katsoja n\u00e4kee sen eron tekstin luettavuudessa. Viivojen v\u00e4liin ja eri rivisarjojen v\u00e4liin on lis\u00e4tty tyhj\u00e4\u00e4 tilaa. Se on lis\u00e4tty otsikon ja ensimm\u00e4isen rivin v\u00e4liin. T\u00e4llainen tilanjako on parantanut sis\u00e4ll\u00f6n esitystapaa, ulkon\u00e4k\u00f6\u00e4 ja ulkoasua dramaattisesti. Koska t\u00e4m\u00e4 viesti on tekstiviesti eik\u00e4 se liity tuotekuvaan, makron v\u00e4lily\u00f6nnin k\u00e4ytt\u00f6 ei ole yht\u00e4 t\u00e4rke\u00e4\u00e4 t\u00e4ss\u00e4.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d3466bc96.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d3466bc96.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Jotkut v\u00e4\u00e4rink\u00e4sitykset, jotka ovat saaneet monet ep\u00e4ilem\u00e4\u00e4n tyhj\u00e4n tilan merkityst\u00e4 web-suunnittelussa, liittyv\u00e4t vieritysk\u00e4ytt\u00e4ytymiseen liittyviin oletuksiin. Uskotaan, ett\u00e4 k\u00e4ytt\u00e4j\u00e4t eiv\u00e4t vierit\u00e4 verkkosivua koko pituudelta alasp\u00e4in, joten v\u00e4lily\u00f6ntien k\u00e4ytt\u00f6 on turhaa. T\u00e4m\u00e4 johtaa siihen, ett\u00e4 suunnittelijat sotkevat sivun tiiviisti pakatuilla tekstill\u00e4. Tutkimus kiisti t\u00e4m\u00e4n. K\u00e4ytt\u00e4j\u00e4t tarkistavat usein koko verkkosivun. Ei siis ole mit\u00e4\u00e4n syyt\u00e4 olla k\u00e4ytt\u00e4m\u00e4tt\u00e4 tyhj\u00e4\u00e4 tilaa tehokkaasti web-suunnittelussa.\n<\/p>\n<p>\n  El\u00e4vi\u00e4 esimerkkej\u00e4\n<\/p>\n<p>\n  Alla on esimerkkej\u00e4 sivustoista, jotka hy\u00f6dynt\u00e4v\u00e4t v\u00e4lily\u00f6ntej\u00e4 ja tarjoavat asetteluja, jotka tutkivat tekstin, kuvien, marginaalien, valikkojen ja muiden elementtien v\u00e4list\u00e4 tilaa.\n<\/p>\n<h4>\n  Sohvan valmistama<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.madebysofa.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d349728af.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  T\u00f6k\u00e4t\u00e4<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.studionudge.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d34cb5720.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  Philipin talo<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.philiphousenyc.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d34eebd32.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  NV Interactive<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.nvinteractive.co.nz\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d35130181.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  Vain yhdistyksen toimesta<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/byassociationonly.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d3538d60e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  Squarespace<br \/>\n<\/h4>\n<p>\n  <a href=\"https:\/\/www.squarespace.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d35550aa1.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  Grandemail<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/www.handiemail.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d35709fc3.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  Tyyppi\/koodi<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/typecode.com\/about\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d358db11c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  Diehl Group Arkkitehdit<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/diehlgroup.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d35a7fd78.webp\" alt=\"\" \/><\/a>\n<\/p>\n<h4>\n  Jac laatikossa<br \/>\n<\/h4>\n<p>\n  <a href=\"http:\/\/jacinabox.com.au\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-223108-6381d35c33403.webp\" alt=\"\" \/><\/a>\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/06\/23\/whitespaces-in-design\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tarvitsetko tyhj\u00e4\u00e4 tilaa verkkosivustolle? Lue eteenp\u00e4in saadaksesi selville, miksi tyhj\u00e4n tilan k\u00e4ytt\u00f6 ja k\u00e4ytt\u00f6 voivat lis\u00e4t\u00e4 verkkosivustosi ulkoasun houkuttelevuutta! Meit\u00e4 pommitetaan p\u00e4ivitt\u00e4in monenlaisilla ja monimutkaisilla verkkosivuilla. Yksi sen seurauksista on, ett\u00e4 unohdamme j\u00e4tt\u00e4\u00e4 huomiotta, yhden verkkosivuston eritt\u00e4in t\u00e4rke\u00e4n osan, joka voi vaikuttaa suuresti sen vaikutukseen katsojaan. Se on valkoinen tila. Valkoinen tila on osa web-suunnittelun viitt\u00e4 kriittist\u00e4 elementti\u00e4: typografia, v\u00e4rit, valokuvaus 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":[53,196],"tags":[],"class_list":["post-249813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-ja-wordpress-2","category-web-suunnittelu"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249813"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249813\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/144559"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}