{"id":249721,"date":"2023-08-09T14:36:00","date_gmt":"2023-08-09T11:36:00","guid":{"rendered":"https:\/\/inform.click\/miksi-negatiivinen-ajattelu-on-todella-hyva-web-suunnittelulle\/"},"modified":"2023-08-09T14:37:00","modified_gmt":"2023-08-09T11:37:00","slug":"miksi-negatiivinen-ajattelu-on-todella-hyva-web-suunnittelulle","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/miksi-negatiivinen-ajattelu-on-todella-hyva-web-suunnittelulle\/","title":{"rendered":"Miksi negatiivinen ajattelu on todella hyv\u00e4 web-suunnittelulle"},"content":{"rendered":"<p>\n  Perinteinen viisaus sanoo, ett\u00e4 &#8221;sinun t\u00e4ytyy ajatella positiivisesti saavuttaakseen t\u00e4rke\u00e4n tavoitteen.&#8221; Mutta usein liian paljon positiivista ajattelua voi tuottaa pettymyksen.\n<\/p>\n<p>\n  Vaikka on totta, ett\u00e4 pessimistit (ja skeptikot) ovat toimineet liikkeellepanevina voimina ihmiskunnan parantumisen takana, negatiivinen ajattelu on suurin syy selviytymisellemme maailmassa \u2013 se auttaa torjumaan kaikki vaarat. Sama p\u00e4tee web-suunnitteluun.\n<\/p>\n<p>\n  Mietitk\u00f6 miten?\n<\/p>\n<p>\n  No, monet teist\u00e4 (mieluiten web-suunnittelijat) ovat kanssani samaa mielt\u00e4 siit\u00e4, ett\u00e4 ty\u00f6skennelless\u00e4mme mink\u00e4 tahansa web-suunnittelun parissa meill\u00e4 on taipumus olla positiivisia web-suunnittelun elementtej\u00e4 (kuten navigointi, sis\u00e4lt\u00f6, kuvat jne.) niin paljon, ett\u00e4 p\u00e4\u00e4dymme siihen. tekee suunnittelustamme t\u00e4ynn\u00e4 turhaa turvotusta. Negatiivinen tila voi kuitenkin auttaa erottamaan elementit web-suunnittelussa, jolloin ulkoasu n\u00e4ytt\u00e4\u00e4 j\u00e4sennellymm\u00e4lt\u00e4 ja k\u00e4ytt\u00e4jien kannalta ymm\u00e4rrett\u00e4v\u00e4mm\u00e4lt\u00e4.\n<\/p>\n<p>\n  Negatiivinen tila, jota kutsutaan my\u00f6s valkoiseksi tilaksi, on t\u00e4rke\u00e4 visuaalinen komponentti web-suunnittelussa \u2013 mik\u00e4 auttaa lis\u00e4\u00e4m\u00e4\u00e4n sen k\u00e4ytett\u00e4vyytt\u00e4. Hyv\u00e4 web-suunnittelu hy\u00f6dynt\u00e4\u00e4 negatiivista tilaa luodakseen et\u00e4isyytt\u00e4 web-suunnitteluelementtien v\u00e4lille. N\u00e4in ollen negatiivinen tila on yht\u00e4 t\u00e4rke\u00e4 verkkosivustosi sis\u00e4ll\u00f6lle. Loppujen lopuksi kukaan ei halua lukea teksti\u00e4 kappaleissa &#8211; jotka ovat ahtaassa pieness\u00e4 tilassa.\n<\/p>\n<p>\n  Oikean m\u00e4\u00e4r\u00e4n tyhj\u00e4n tilan k\u00e4ytt\u00f6 lis\u00e4\u00e4 kuitenkin kauneutta verkkosuunnitteluun luomalla hienon tasapainon suunnittelun elementteihin ja sis\u00e4lt\u00f6\u00f6n.\n<\/p>\n<p>\n  Mit\u00e4 negatiivinen tila web-suunnittelussa oikein on?\n<\/p>\n<p>\n  Negatiivinen tila on periaatteessa tiloja, joissa ei ole verkkosivun sis\u00e4lt\u00f6\u00e4. Tarkemmin sanottuna negatiivinen tila on tekstin, kuvien ja muiden objektien v\u00e4linen v\u00e4li, joka est\u00e4\u00e4 niiden p\u00e4\u00e4llekk\u00e4isyyden. Vaikka sit\u00e4 kutsutaan valkoiseksi tilaksi, negatiivisen avaruuden ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 tarvitse olla valkoinen, vaan se voi olla mink\u00e4 v\u00e4rinen tahansa.\n<\/p>\n<p>\n  Vaikka negatiivinen tila on t\u00e4rke\u00e4 suunnittelutekij\u00e4, mutta web-suunnittelijat j\u00e4tt\u00e4v\u00e4t sen usein huomiotta. Negatiivisen tilan perustarkoitus on, ett\u00e4 se auttaa lis\u00e4\u00e4m\u00e4\u00e4n symmetriaa verkkosivun asetteluun ja siten tekem\u00e4\u00e4n asettelusta puhtaan ja vierailijoiden helposti luettavan.\n<\/p>\n<h3>\n  Negatiivisen tilan merkitys web-suunnittelussa<br \/>\n<\/h3>\n<p>\n  Negatiivinen tila voi olla ratkaisevassa roolissa web-suunnittelun onnistumisessa ja ep\u00e4onnistumisessa. Alla on muutamia esimerkkej\u00e4, jotka osoittavat, kuinka negatiivinen tila on t\u00e4rke\u00e4 verkkosuunnittelussa:\n<\/p>\n<h5>\n  Esimerkki 1 \u2013 Selke\u00e4 visuaalinen hierarkia<br \/>\n<\/h5>\n<p>\n  Joskus, kun katsot houkuttelevaksi katsomaasi verkkosivustoa, saatat tuntea, ett\u00e4 jotain puuttuu. Sivustolla voi olla interaktiivista grafiikkaa, upeita v\u00e4rej\u00e4 ja hyv\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4, mutta se saattaa silti n\u00e4ytt\u00e4\u00e4 sinusta tyls\u00e4lt\u00e4. T\u00e4m\u00e4 ongelma saattaa johtua visuaalisen hierarkian puutteesta suunnitteluasettelussa.\n<\/p>\n<p>\n  Jos visuaalisessa suunnittelussasi ei pystyt\u00e4 asettamaan selke\u00e4\u00e4 hierarkiaa, katsojien on vaikea lukea sivulla olevia tietoja. Toisaalta visuaalinen suunnittelu, jossa on selke\u00e4 tieto- ja grafiikkahierarkia, voi saada katsojasi seuraamaan haluamaasi polkua \u2013 jota olet asettanut k\u00e4ytt\u00e4jillesi.\n<\/p>\n<p>\n  Visuaalisen hierarkian yll\u00e4pit\u00e4miseksi sinun on rakennettava viestisi, mik\u00e4 edellytt\u00e4\u00e4, ett\u00e4 keskityt kirjasimiin, joita k\u00e4yt\u00e4t tekstin n\u00e4ytt\u00e4miseen verkkosivuillasi. Mik\u00e4 t\u00e4rkeint\u00e4, sinun on harkittava oikean tyhj\u00e4n tilan k\u00e4ytt\u00f6\u00e4 web-suunnittelun elementtien ymp\u00e4rill\u00e4.\n<\/p>\n<p>\n  Negatiivinen v\u00e4lily\u00f6nti (tai tyhj\u00e4 v\u00e4li) auttaa lis\u00e4\u00e4m\u00e4\u00e4n tiettyjen elementtien n\u00e4kyvyytt\u00e4 sivulla ja v\u00e4ltt\u00e4\u00e4 elementtien tukkeutumisen yhteen. T\u00e4m\u00e4 ei ainoastaan \u200b\u200btee web-suunnittelun grafiikkaa ja sis\u00e4lt\u00f6\u00e4 j\u00e4rjestetyksi, vaan auttaa my\u00f6s saamaan t\u00e4rkeimm\u00e4n elementin erottumaan (v\u00e4hemm\u00e4n t\u00e4rkeit\u00e4 elementtej\u00e4 vastaan) yleisess\u00e4 visuaalisessa koostumuksessa.\n<\/p>\n<p>\n  Esimerkiksi: &#8221;Hobson Bernardino + Davis LLP&#8221; -verkkosivusto k\u00e4ytt\u00e4\u00e4 tyhj\u00e4\u00e4 tilaa tehokkaasti \u2013 olipa se sitten sivun keskell\u00e4, logossa, navigaatiossa jne. T\u00e4m\u00e4 auttaa tekem\u00e4\u00e4n sivuston ulkoasusta selke\u00e4n visuaalisen hierarkian, joka tuo v\u00e4litt\u00f6m\u00e4sti keskitty\u00e4 sivuston t\u00e4rkeimpiin osiin ja parantaa luettavuutta.\n<\/p>\n<p>\n  <br \/>\n  Tehokas tyhj\u00e4n tilan k\u00e4ytt\u00f6 <a href=\"http:\/\/hbdlegal.com\/\" target=\"_blank\" rel=\"noopener\">Hobson Bernardino + Davis LLP<\/a> -sivustolla.\n<\/p>\n<h5>\n  Esimerkki 2 \u2013 Luo tasapainoinen asettelu<br \/>\n<\/h5>\n<p>\n  Visuaalisen tasapainon s\u00e4ilytt\u00e4minen on t\u00e4rke\u00e4\u00e4, jotta voit lis\u00e4t\u00e4 web-suunnitteluun tyylikk\u00e4\u00e4n ilmeen. Lis\u00e4ksi tasapainoinen ulkoasu tekee web-suunnittelusta yksinkertaisen k\u00e4ytt\u00e4\u00e4 ja parantaa UX:t\u00e4 (k\u00e4ytt\u00e4j\u00e4kokemusta). Negatiivista tilaa pidet\u00e4\u00e4n yhten\u00e4 tehokkaimmista tavoista, jotka voivat auttaa saavuttamaan tasapainon.\n<\/p>\n<p>\n  Esimerkki: &#8221;Enterprise Foundation&#8221; -verkkosivusto k\u00e4ytt\u00e4\u00e4 negatiivista tilaa, joka auttaa luomaan t\u00e4ydellisen tasapainon sivuston t\u00e4rkeimpien osien, kuten otsikon, sis\u00e4lt\u00f6alueiden ja alatunnisteen, v\u00e4lill\u00e4. Vaikka tekstilohkot ovat tiukkoja, mutta eiv\u00e4t tungosta, koska negatiivinen tila on k\u00e4ytetty oikein yleisasettelussa \u2013 mik\u00e4 tekee suunnittelusta esteettisesti tasapainoisen.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-63820016679f0.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-241123-63820016679f0.webp\" alt=\"\" \/><\/a> Negatiivinen tila <a href=\"http:\/\/www.enterprisefoundation.net\/\" target=\"_blank\" rel=\"noopener\">Enterprise Foundation<\/a> -sivustolla.<\/p>\n<p>\n  Lis\u00e4ksi taustalla ja tekstiss\u00e4 k\u00e4ytetty vuorotteleva (ja oikea kontrasti) v\u00e4rimaailma luo tunnelman tilavasta ja tilavasta muotoilusta. Yrityss\u00e4\u00e4ti\u00f6n kotisivusuunnittelun keskimm\u00e4iset sis\u00e4lt\u00f6alueet n\u00e4ytt\u00e4v\u00e4t leveilt\u00e4, \u200b\u200bsill\u00e4 se hy\u00f6dynt\u00e4\u00e4 runsaasti ylim\u00e4\u00e4r\u00e4ist\u00e4 tilaa pehmusteen muodossa. T\u00e4m\u00e4 ylim\u00e4\u00e4r\u00e4inen tila auttaa erottamaan sis\u00e4lt\u00f6alueet.\n<\/p>\n<p>\n  Et ehk\u00e4 pysty huomaamaan oikeaa negatiivista tilaa web-suunnittelussa, mutta jos se puuttuu &#8211; sivun ahdettu osiot ja sis\u00e4lt\u00f6alueet saisivat varmasti huomaamaan negatiivisen tilan puuttumisen.\n<\/p>\n<p>\n  Lyhyesti sanottuna tasapaino ei ole &#8221;paljain silmin n\u00e4kev\u00e4&#8221;, koska se on enemm\u00e4n abstrakti tunne. Siksi, jos negatiivista tilaa ei k\u00e4ytet\u00e4 oikein verkkosivustosi ulkoasussa, se n\u00e4ytt\u00e4\u00e4 katsojien silmiss\u00e4 ep\u00e4vakaalta ja ep\u00e4tasaiselta \u2013 mik\u00e4 vaikeuttaa lukemista.\n<\/p>\n<h5>\n  Esimerkki 3 \u2013 Luo tehokas typografia<br \/>\n<\/h5>\n<p>\n  Parin viime vuoden aikana typografia on noussut yhdeksi kuumimmista trendeist\u00e4. Rosalind Picardin (MIT) ja Kevin Larsonin (Microsoft) kirjoittaman The <a href=\"http:\/\/affect.media.mit.edu\/pdfs\/05.larson-picard.pdf\" target=\"_blank\" rel=\"noopener\">Aesthetics of Readingin<\/a> mukaan &#8221;typografia vaikuttaa lukijan mielialaan ja kognitiiviseen suorituskykyyn&#8221;.\n<\/p>\n<p>\n  Yksinkertaisesti sanottuna: tehokas typografinen suunnittelu voi auttaa sinua tekem\u00e4\u00e4n hyv\u00e4n vaikutuksen k\u00e4ytt\u00e4jiisi.\n<\/p>\n<p>\n  Negatiivinen tila on t\u00e4rke\u00e4 osa hyv\u00e4n typografian tuottamisessa. Muista, ett\u00e4 loistava typografinen suunnittelu ei vaadi vain suuria kirjaimia, vaan my\u00f6s oikean tilan k\u00e4ytt\u00e4mist\u00e4, jotta kirjaimet ja sanat eroavat toisistaan.\n<\/p>\n<p>\n  Itse asiassa typografia varmistaa my\u00f6s sis\u00e4lt\u00f6hierarkian yll\u00e4pit\u00e4misen. Web-sivujesi otsikoiden on oltava helposti tunnistettavissa sivusi sis\u00e4ll\u00f6n hallitseviksi komponenteiksi. Ja otsikoiden on kyett\u00e4v\u00e4 v\u00e4litt\u00f6m\u00e4sti vangitsemaan k\u00e4ytt\u00e4jien huomio, koska ne auttavat m\u00e4\u00e4ritt\u00e4m\u00e4\u00e4n, mist\u00e4 sis\u00e4ll\u00f6st\u00e4 on kyse.\n<\/p>\n<p>\n  Lis\u00e4ksi otsikoiden alla olevat tekstilohkot tai kappaleet on sijoitettava l\u00e4hemm\u00e4s otsikkoa, jotta lukijat ymm\u00e4rt\u00e4isiv\u00e4t niiden v\u00e4lisen suhteen ja niin edelleen.\n<\/p>\n<p>\n  Esimerkiksi: &#8221;HDLive 2012&#8221; esittelee erinomaisen suurennetun ja oikein sijoitetun typografian k\u00e4yt\u00f6n. Kun vierit\u00e4t verkkosivustoa alasp\u00e4in tai k\u00e4yt\u00e4t sis\u00e4sivuja, huomaat, ett\u00e4 verkkosivujen teksti sis\u00e4lt\u00e4\u00e4 runsaasti rivinkorkeutta ja hienovaraisia \u200b\u200bkontrastiv\u00e4rej\u00e4 sivun taustaa vasten. T\u00e4m\u00e4 on t\u00e4rke\u00e4\u00e4, jotta k\u00e4ytt\u00e4j\u00e4t voivat saada paremman lukukokemuksen.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001895b25.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-241123-6382001895b25.webp\" alt=\"\" \/><\/a> Oikein sijoitettu typografia <a href=\"http:\/\/2012.hd-live.co.uk\/\" target=\"_blank\" rel=\"noopener\">HDLive 2012<\/a> -sivustolla.<\/p>\n<p>\n  Typografian suunnittelu hyvin sijoitetuilla kohteilla luo luonnollista rytmi\u00e4, mik\u00e4 helpottaa vierailijoiden miellytt\u00e4v\u00e4\u00e4 lukukokemusta \u2013 web-sivusi koosta riippumatta.\n<\/p>\n<h3>\n  Kuinka sinun pit\u00e4isi k\u00e4ytt\u00e4\u00e4 negatiivista tilaa suunnittelussa?<br \/>\n<\/h3>\n<p>\n  K\u00e4ytt\u00e4\u00e4ksesi negatiivista tilaa oikein web-suunnittelussa, sinun on tutustuttava kahteen erityyppiseen negatiiviseen tilaan, nimitt\u00e4in mikro- ja makronegatiiviseen tilaan.\n<\/p>\n<h5>\n  Mikronegatiivinen tila<br \/>\n<\/h5>\n<p>\n  Se on tilaa pienempien (sivun) elementtien sis\u00e4ll\u00e4, kuten verkkosivun elementtien ymp\u00e4rill\u00e4 olevat marginaalit (vasen tai oikea) tai sanojen, kirjainten ja merkkien v\u00e4linen tila. Esimerkiksi: Kuvan ja sen kuvatekstin v\u00e4liss\u00e4 oleva tila on mikronegatiivitila.\n<\/p>\n<p>\n  Mikronegatiivitilaa k\u00e4ytet\u00e4\u00e4n typografisessa suunnittelussa, ja se auttaa parantamaan tekstin luettavuutta ja luettavuutta. Kun k\u00e4yt\u00e4t mikronegatiivitilaa, sinun on varmistettava, ett\u00e4 sis\u00e4lt\u00f6lohkojesi v\u00e4linen tila on tiukka, mutta se ei saa tehd\u00e4 niist\u00e4 tungosta. T\u00e4m\u00e4 voidaan saavuttaa varmistamalla, ett\u00e4 et lis\u00e4\u00e4 liikaa rivin korkeutta otsikon ja kappaleiden v\u00e4liin. Mutta samalla varmista, ettei linjan korkeutta saa my\u00f6sk\u00e4\u00e4n alittaa.\n<\/p>\n<p>\n  Hyv\u00e4 esimerkki mikronegatiivista tilasta on alla oleva W3Avenuen verkkosivusto. Sivusto sis\u00e4lt\u00e4\u00e4 paljon sis\u00e4lt\u00f6\u00e4 (useita artikkeleita eri luokkiin), mutta ulkoasu ei h\u00e4mmenn\u00e4 k\u00e4ytt\u00e4ji\u00e4. Oikea tila otsikossa ja oikein sijoitetut kohteet sis\u00e4ll\u00f6ss\u00e4 keskell\u00e4 ja sivupalkin mainoksissa tekev\u00e4t sivuston asettelusta selke\u00e4n ja j\u00e4sennellyn.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001a9f765.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-241123-6382001a9f765.webp\" alt=\"\" \/><\/a> Mikronegatiivitila <a href=\"http:\/\/www.w3avenue.com\/\" target=\"_blank\" rel=\"noopener\">W3Avenuen<\/a> verkkosivuilla.<\/p>\n<h5>\n  Makro negatiivinen tila<br \/>\n<\/h5>\n<p>\n  T\u00e4m\u00e4ntyyppinen negatiivinen tila luo et\u00e4isyyden t\u00e4rkeimpien web-suunnitteluelementtien v\u00e4lille. N\u00e4m\u00e4 tilat ovat leve\u00e4mpi\u00e4 verrattuna mikronegatiivisiin tiloihin, joten ne n\u00e4kyv\u00e4t v\u00e4litt\u00f6m\u00e4sti. Reunuksia yl\u00e4-, navigointi-, sis\u00e4lt\u00f6- ja alatunnistealueiden v\u00e4lill\u00e4 kutsutaan makron negatiiviseksi tilaksi. Lis\u00e4ksi sivupalkkien, taustan ja verkkosivun muiden osien v\u00e4liss\u00e4 oleva tila on makron negatiivinen tila.\n<\/p>\n<p>\n  N\u00e4m\u00e4 tilat saattavat tarjota runsaasti tilaa design-elementtien v\u00e4liin (verrattuna mikronegatiiviseen tilaan), mutta ne eiv\u00e4t silti tarjoa enemm\u00e4n tilaa hengitt\u00e4\u00e4.\n<\/p>\n<p>\n  Tilaa k\u00e4ytet\u00e4\u00e4n ensisijaisesti web-suunnitteluelementtien erottamiseen ja yhdist\u00e4miseen. Usein monet mallit koostuvat kuitenkin laatikoista (reunusten muodossa), joita k\u00e4ytet\u00e4\u00e4n elementtien erottamiseen ja yhdist\u00e4miseen. Mutta vaikka laatikot osoittautuvat hy\u00f6dyllisiksi asioiden erottamisessa, ne eiv\u00e4t ehk\u00e4 pysty s\u00e4ilytt\u00e4m\u00e4\u00e4n yhten\u00e4isyytt\u00e4 koko suunnittelussa. T\u00e4ss\u00e4 makroavaruus tulee avuksesi.\n<\/p>\n<p>\n  Makronegatiivisen tilan k\u00e4ytt\u00e4minen laatikoiden sijaan voi auttaa erottamaan ja yhdist\u00e4m\u00e4\u00e4n kaikki verkkosuunnittelun elementit tehokkaasti. Suurempi tila auttaa erottamaan elementit toisistaan, kun taas kapeampi tila auttaa yhdist\u00e4m\u00e4\u00e4n ne, mik\u00e4 auttaa s\u00e4ilytt\u00e4m\u00e4\u00e4n sivun yhten\u00e4isyyden.\n<\/p>\n<p>\n  <strong>Huomautus<\/strong>: Suurin osa verkkomalleista, jotka sis\u00e4lt\u00e4v\u00e4t makronegatiivista tilaa, on symmetrisi\u00e4 \u2013 niiss\u00e4 on rytminen ja toistuva kuvio.\n<\/p>\n<p>\n  Stripe Connect -aloitussivu on t\u00e4ydellinen esimerkki makronegatiivisen tilan k\u00e4yt\u00f6st\u00e4 web-suunnittelussa.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001cc3fe4.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-241123-6382001cc3fe4.webp\" alt=\"\" \/><\/a> Makro negatiivinen tila <a href=\"https:\/\/stripe.com\/connect\" target=\"_blank\" rel=\"noopener\">Stripe Connect<\/a> -aloitussivulla.<\/p>\n<p>\n  Suoraan otsikkoon sijoitetuista navigointikohteista ja huomattavasta negatiivisesta tilasta toimintakehotusten ymp\u00e4rill\u00e4 tekee Stripen aloitussivusta erottuvan.\n<\/p>\n<h3>\n  Yhteenvetona!<br \/>\n<\/h3>\n<p>\n  Negatiivinen v\u00e4lily\u00f6nti tai v\u00e4lily\u00f6nti voi tehd\u00e4 tai rikkoa web-suunnittelun. Saatat viett\u00e4\u00e4 aikaa visuaalisesti houkuttelevan suunnittelun luomiseen, jossa on paljon j\u00e4nnitt\u00e4vi\u00e4 ominaisuuksia, mutta kuten tied\u00e4t, liian paljon mit\u00e4\u00e4n ei ole hyv\u00e4. Ja niin, jotta voit luoda hyv\u00e4n verkkosivuston, sinun on varmistettava, ett\u00e4 k\u00e4yt\u00e4t oikeaa negatiivista tilaa web-suunnittelussasi.\n<\/p>\n<p>\n  Negatiivisen tilan k\u00e4ytt\u00e4minen oikealla tavalla auttaa luomaan helposti ymm\u00e4rrett\u00e4v\u00e4n visuaalisen hierarkian, tasapainoisen asettelun ja tehokkaan typografian \u2013 kaikki n\u00e4m\u00e4 tekij\u00e4t ovat ratkaisevia web-suunnittelun onnistumisen kannalta. T\u00e4m\u00e4n lis\u00e4ksi on olemassa kaksi erilaista negatiivista tilaa, jotka sinun on ymm\u00e4rrett\u00e4v\u00e4 voidaksesi k\u00e4ytt\u00e4\u00e4 negatiivista tilaa oikein, joita kutsutaan mikro- ja makronegatiivisiksi tilaksi. Molemmat k\u00e4sitteet ovat t\u00e4rkeit\u00e4 ja auttavat yll\u00e4pit\u00e4m\u00e4\u00e4n tervett\u00e4 tasapainoa web-suunnittelussa.\n<\/p>\n<p>\n  Toivon, ett\u00e4 t\u00e4m\u00e4n viestin lukeminen auttaa sinua antamaan paremman k\u00e4sityksen siit\u00e4, kuinka negatiivinen ajattelu (tilan yhteydess\u00e4) voi olla hyv\u00e4\u00e4 web-suunnittelussa.\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\/09\/24\/negatively-is-good-for-web-design\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Perinteinen viisaus sanoo, ett\u00e4 &#8221;sinun t\u00e4ytyy ajatella positiivisesti saavuttaaksesi t\u00e4rke\u00e4n tavoitteen.&#8221; Mutta usein liiallinen positiivinen ajattelu voi pett\u00e4\u00e4. Vaikka on totta, ett\u00e4 pessimistit (ja skeptikot) ovat toimineet liikkeellepanevina voimina ihmiskunnan parantumisen takana, negatiivinen ajattelu on suurin syy selviytymisellemme maailmassa \u2013 se auttaa torjumaan kaikki vaarat. Sama p\u00e4tee web-suunnitteluun. Mietitk\u00f6 miten? No, monet teist\u00e4 (mieluiten web-suunnittelijat) ovat kanssani samaa mielt\u00e4 siit\u00e4, ett\u00e4 ty\u00f6skennelless\u00e4mme mink\u00e4 tahansa web-suunnittelun parissa meill\u00e4 on taipumus olla my\u00f6nteinen\u2026<\/p>\n","protected":false},"author":1,"featured_media":160736,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[53,196,144],"tags":[],"class_list":["post-249721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-ja-wordpress-2","category-web-suunnittelu","category-web-vinkkeja-ja-vinkkeja"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249721","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=249721"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249721\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/160736"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}