{"id":247799,"date":"2023-08-09T14:36:00","date_gmt":"2023-08-09T11:36:00","guid":{"rendered":"https:\/\/inform.click\/miks-on-negatiivne-motlemine-veebidisaini-jaoks-tegelikult-hea\/"},"modified":"2023-08-09T15:18:00","modified_gmt":"2023-08-09T12:18:00","slug":"miks-on-negatiivne-motlemine-veebidisaini-jaoks-tegelikult-hea","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/miks-on-negatiivne-motlemine-veebidisaini-jaoks-tegelikult-hea\/","title":{"rendered":"Miks on negatiivne m\u00f5tlemine veebidisaini jaoks tegelikult hea?"},"content":{"rendered":"

\n Tavaline tarkus \u00fctleb, et “olulise eesm\u00e4rgi saavutamiseks peate m\u00f5tlema positiivselt.” Kuid sageli v\u00f5ib liiga palju positiivset m\u00f5tlemist pettumust valmistada.\n<\/p>\n

\n Kuigi on t\u00f5si, et pessimistid (ja skeptikud) on olnud inimkonna paremaks muutmise liikumapanev j\u00f5ud, on negatiivne m\u00f5tlemine meie maailmas elluj\u00e4\u00e4mise suurim p\u00f5hjus \u2013 see aitab igasuguseid ohte \u00e4ra hoida. Sama kehtib ka veebidisaini puhul.\n<\/p>\n

\n Huvitav, kuidas?\n<\/p>\n

\n Noh, paljud teist (ideaaljuhul veebidisainerid) n\u00f5ustuvad minuga, et mis tahes veebidisaini kallal t\u00f6\u00f6tades kipume meid positiivsete veebidisaini elementidega (nagu navigeerimine, sisu, pildid jne) nii palju \u00fcle koormama, et j\u00f5uame l\u00f5puks muutes meie disaini tarbetut punni t\u00e4is. Negatiivne ruum v\u00f5ib aga aidata veebidisaini elemente eraldada, muutes kujunduse kasutajatele struktureeritumaks ja arusaadavamaks.\n<\/p>\n

\n Negatiivne ruum, mida nimetatakse ka valgeks ruumiks, on veebidisaini oluline visuaalne komponent \u2013 \u200b\u200bsee aitab suurendada selle kasutatavust. Hea veebidisain kasutab veebidisaini elementide vahelise distantsi loomiseks negatiivset ruumi. Seega on negatiivne ruum teie veebisaidi sisu jaoks sama oluline. L\u00f5ppude l\u00f5puks ei meeldi kellelegi lugeda teksti l\u00f5ikudes, mis on v\u00e4ikesesse ruumi surutud.\n<\/p>\n

\n \u00d5ige koguse t\u00fchja ruumi kasutamine aitab aga veebikujundusele ilu lisada, luues kujunduse elementide ja sisu vahel peene tasakaalu.\n<\/p>\n

\n Mis t\u00e4pselt on negatiivne ruum veebidisainis?\n<\/p>\n

\n Negatiivne ruum on p\u00f5him\u00f5tteliselt t\u00fchikud, millel puudub veebilehel sisu. T\u00e4psemalt \u00f6eldes on negatiivne ruum \u2013 teksti, piltide ja muude objektide vaheline kaugus, mis v\u00e4ldib nende kattumist. Kuigi seda nimetatakse valgeks ruumiks, ei pea negatiivne ruum tingimata olema valge, pigem v\u00f5ib see olla mis tahes v\u00e4rvi.\n<\/p>\n

\n Kuigi negatiivne ruum on oluline disainitegur, kuid veebidisainerid j\u00e4tavad selle sageli t\u00e4helepanuta. Negatiivse ruumi p\u00f5hieesm\u00e4rk on see, et see aitab lisada veebilehe paigutusele s\u00fcmmeetriat ja seel\u00e4bi muuta paigutuse puhtaks ja k\u00fclastajate jaoks h\u00f5lpsasti skannitavaks.\n<\/p>\n

\n Negatiivse ruumi t\u00e4htsus veebidisainis
\n<\/h3>\n

\n Negatiivne ruum v\u00f5ib teie veebikujunduse \u00f5nnestumisel ja eba\u00f5nnestumisel m\u00e4ngida otsustavat rolli. Allpool on m\u00f5ned n\u00e4ited, mis n\u00e4itavad, kuidas “negatiivne ruum veebidisainis on oluline”.\n<\/p>\n

\n N\u00e4ide 1 \u2013 selge visuaalne hierarhia
\n<\/h5>\n

\n M\u00f5nikord, kui vaatate veebisaiti, mis teile tundub olevat atraktiivne, v\u00f5ite tunda, et midagi on puudu. Saidil v\u00f5ib olla interaktiivne graafika, suurep\u00e4rased v\u00e4rvid ja hea sisu, kuid see v\u00f5ib teile siiski tunduda \u00f5rn. Selle probleemi p\u00f5hjuseks v\u00f5ib olla visuaalse hierarhia puudumine kujunduse paigutuses.\n<\/p>\n

\n Kui visuaalses kujunduses ei ole v\u00f5imalik luua selget hierarhiat, v\u00f5ib vaatajatel olla raske lehel oleva teabe lugemist. Teisest k\u00fcljest v\u00f5ib teabe ja graafika selge hierarhiaga visuaalne kujundus sundida teie vaatajaid j\u00e4rgima soovitud teed \u2013 seda, mille olete oma kasutajatele m\u00e4\u00e4ranud.\n<\/p>\n

\n Visuaalse hierarhia s\u00e4ilitamiseks peate oma s\u00f5numi struktureerima, mis n\u00f5uab, et keskenduksite fontidele, mida kasutate oma veebilehtedel teksti kuvamiseks. K\u00f5ige t\u00e4htsam on see, et peaksite kaaluma \u00f5ige t\u00fchja ruumi kasutamist oma veebikujunduse elementide \u00fcmber.\n<\/p>\n

\n Negatiivne t\u00fchik (v\u00f5i t\u00fchi ruum) aitab suurendada lehe konkreetsete elementide n\u00e4htavust ja v\u00e4ldib nende elementide kokkupakkimist. See mitte ainult ei muuda veebidisaini graafikat ja sisu korrastatuks, vaid aitab ka k\u00f5ige olulisemat elementi \u00fcldises visuaalses kompositsioonis esile t\u00f5sta (v\u00e4hem oluliste vastu).\n<\/p>\n

\n N\u00e4iteks: “Hobson Bernardino + Davis LLP” veebisait kasutab t\u00f5husalt t\u00fchikuid \u2013 olgu see siis lehe keskel, logol, navigeerimisel jne. See aitab muuta veebisaidi paigutuse visuaalseks selgeks hierarhiaks, mis toob kohe keskenduda saidi k\u00f5ige olulisematele elementidele ja parandab loetavust.\n<\/p>\n

\n
\n T\u00fchjade t\u00fchikute t\u00f5hus kasutamine Hobson Bernardino + Davis LLP<\/a> veebisaidil.\n<\/p>\n

\n N\u00e4ide 2 \u2013 looge tasakaalustatud paigutus
\n<\/h5>\n

\n Visuaalse tasakaalu s\u00e4ilitamine on oluline veebikujundusele elegantse v\u00e4limuse lisamiseks. Lisaks muudab tasakaalustatud paigutus veebidisaini kasutamise lihtsaks ja t\u00e4iustab UX-i (kasutajakogemust). Negatiivset ruumi peetakse \u00fcheks k\u00f5ige t\u00f5husamaks viisiks, mis aitab tasakaalu saavutada.\n<\/p>\n

\n N\u00e4iteks: veebisait \u201eEnterprise Foundation” kasutab negatiivset ruumi, mis aitab luua ideaalse tasakaalu saidi p\u00f5hikomponentide, sealhulgas pealkirja, sisualade ja jaluse vahel. Vaatamata sellele, et tekstiplokid on kitsad, kuid mitte \u00fclerahvastatud, kuna \u00fcldises paigutuses on \u00f5igesti kasutatud negatiivset ruumi \u2013 see muudab kujunduse esteetiliselt tasakaalustatuks.\n<\/p>\n

\"\"<\/a> Negatiivne ruum Enterprise Foundationi<\/a> veebisaidil.<\/p>\n

\n Lisaks loob avara ja ruumika disaini tunde ka taustal ja tekstis kasutatav vahelduv (ja \u00f5ige kontrastsusega) v\u00e4rvilahendus. Enterprise Foundationi kodulehe kujunduse keskmised sisupiirkonnad n\u00e4evad v\u00e4lja laiad, kuna see kasutab polsterduse n\u00e4ol palju lisaruumi. See lisaruum aitab sisualasid eristada.\n<\/p>\n

\n Veebikujunduses ei pruugi te m\u00e4rgata \u00f5iget negatiivset ruumi, kuid kui see on puudu, panevad lehe ummikud ja sisualad kindlasti m\u00e4rkama negatiivse ruumi puudumist.\n<\/p>\n

\n L\u00fchidalt \u00f6eldes ei ole tasakaal midagi sellist, mida “palja silmaga n\u00e4ha saab”, sest see on pigem abstraktne tunne. Seega, kui negatiivset ruumi teie veebisaidi paigutuses \u00f5igesti ei kasutata, tundub see teie vaatajatele ebastabiilne ja eba\u00fchtlane \u2013 see muudab lugemise nende jaoks keeruliseks.\n<\/p>\n

\n N\u00e4ide 3 \u2013 looge t\u00f5hus t\u00fcpograafia
\n<\/h5>\n

\n Viimase paari aasta jooksul on t\u00fcpograafia kujunenud \u00fcheks kuumimaks trendiks. Rosalind Picardi (MIT) ja Kevin Larsoni (Microsoft) artikli The Aesthetics of Reading kohaselt m\u00f5jutab t\u00fcpograafia lugeja meeleolu ja kognitiivset j\u00f5udlust.<\/a>\n<\/p>\n

\n Lihtsamalt \u00f6eldes: t\u00f5hus t\u00fcpograafiline kujundus v\u00f5ib aidata teil kasutajatele hea mulje j\u00e4tta.\n<\/p>\n

\n Negatiivne ruum m\u00e4ngib hea t\u00fcpograafia loomisel olulist rolli. Pidage meeles, et suurep\u00e4rane t\u00fcpograafiline kujundus ei vaja mitte ainult suuri t\u00e4hti, vaid ka \u00f5iget ruumi, et luua t\u00e4htede ja s\u00f5nade eristustunne.\n<\/p>\n

\n Tegelikult tagab t\u00fcpograafia ka sisuhierarhia s\u00e4ilimise. Teie veebilehe p\u00e4ised peavad olema h\u00f5lpsasti \u00e4ratuntavad teie lehe sisu valitsevate komponentidena. Ja p\u00e4ised peavad suutma koheselt kasutajate t\u00e4helepanu k\u00f6ita, kuna need aitavad kindlaks teha, millega sisu on tegu.\n<\/p>\n

\n Lisaks tuleb p\u00e4iste all olevad tekstiplokid v\u00f5i l\u00f5igud asetada p\u00e4isele l\u00e4hemale, et aidata lugejatel m\u00f5ista nende m\u00f5lema vahelist seost jne.\n<\/p>\n

\n N\u00e4iteks: “HDLive 2012” tutvustab suurep\u00e4rast suurendatud ja \u00f5igesti paigutatud t\u00fcpograafia kasutamist. Veebisaiti alla kerides v\u00f5i siselehtedele sisenedes m\u00e4rkate, et veebilehtede tekst sisaldab lehe taustal palju reak\u00f5rgust ja peeneid kontrastv\u00e4rve. See on oluline kasutajatele parema lugemiskogemuse h\u00f5lbustamiseks.\n<\/p>\n

\"\"<\/a> \u00d5igesti paigutatud t\u00fcpograafia HDLive 2012<\/a> veebisaidil.<\/p>\n

\n H\u00e4sti paigutatud \u00fcksustega t\u00fcpograafia kujundamine loob loomuliku r\u00fctmi, mis muudab k\u00fclastajate jaoks meeldiva lugemiskogemuse lihtsamaks \u2013 s\u00f5ltumata veebilehe suurusest.\n<\/p>\n

\n Kuidas peaksite disainis kasutama negatiivset ruumi?
\n<\/h3>\n

\n Veebikujunduses negatiivse ruumi \u00f5igeks kasutamiseks peate tutvuma kahe erineva negatiivse ruumi t\u00fc\u00fcbiga, nimelt: mikro- ja makronegatiivse ruumiga.\n<\/p>\n

\n Mikronegatiivne ruum
\n<\/h5>\n

\n See on ruum v\u00e4iksemates (lehe) elementides, nagu veerised (vasakule v\u00f5i paremale) veebilehe elementide \u00fcmber v\u00f5i s\u00f5nade, t\u00e4htede ja m\u00e4rkide vaheline ruum. N\u00e4iteks: pildi ja selle pealkirja vahele j\u00e4\u00e4v ruum on mikronegatiivne ruum.\n<\/p>\n

\n T\u00fcpograafilises kujunduses kasutatakse mikronegatiivset ruumi, mis aitab parandada teksti loetavust ja loetavust. Mikronegatiivse ruumi rakendamisel peate tagama, et sisuplokkide vaheline ruum oleks kitsas, kuid see ei tohiks neid \u00fclerahvastada. Seda saab saavutada, tagades, et te ei lisa oma pealkirja ja l\u00f5ikude vahele liiga palju reak\u00f5rgust. Kuid samal ajal veenduge, et joone k\u00f5rgus ei oleks samuti alandatud.\n<\/p>\n

\n Suurep\u00e4rane n\u00e4ide mikronegatiivsest ruumist on allpool W3Avenue veebisait. Sait sisaldab palju sisu (mitu artiklit on paigutatud erinevatesse kategooriatesse), kuid paigutus ei aja kasutajaid segadusse. Sobiv ruum p\u00e4ises ja \u00f5igesti paigutatud \u00fcksused sisus keskel ja k\u00fcljeriba reklaamides muudavad veebisaidi paigutuse puhtaks ja struktureerituks.\n<\/p>\n

\"\"<\/a> Mikronegatiivne ruum W3Avenue<\/a> veebisaidil.<\/p>\n

\n Makro negatiivne ruum
\n<\/h5>\n

\n Seda t\u00fc\u00fcpi negatiivne ruum loob distantsi peamiste veebidisaini elementide vahel. Need ruumid on mikro-negatiivsete ruumidega v\u00f5rreldes laiemad ja muutuvad seega kohe n\u00e4htavaks. P\u00e4ise, navigeerimise, sisu ja jaluse alade vahelisi veerisi nimetatakse makro negatiivseks ruumiks. Lisaks on k\u00fcljeribade, tausta ja muude veebilehe osade vahel olev ruum makronegatiivne ruum.\n<\/p>\n

\n Need ruumid v\u00f5ivad anda kujunduselementide vahele k\u00fcllaldaselt ruumi (v\u00f5rreldes mikronegatiivse ruumiga), kuid see ei anna siiski rohkem ruumi sissehingamiseks.\n<\/p>\n

\n Ruumi kasutatakse peamiselt veebidisaini elementide eraldamiseks ja \u00fchendamiseks. Sageli koosnevad paljud kujundused aga kastidest (\u00e4\u00e4riste kujul), mida kasutatakse elementide eraldamiseks ja \u00fchendamiseks. Kuid kuigi kastid on kasulikud asjade eraldamisel, ei pruugi need s\u00e4ilitada \u00fchtsust kogu kujunduses. Siin tuleb teile appi makroruum.\n<\/p>\n

\n Makro negatiivse ruumi kasutamine kastide asemel aitab t\u00f5husalt eraldada ja \u00fchendada k\u00f5ik teie veebikujunduse elemendid. Kui suurem ruum aitab elemente eraldada, siis kitsam ruum aitab neid \u00fchendada, mis aitab s\u00e4ilitada lehe \u00fchtsust.\n<\/p>\n

\n M\u00e4rkus<\/strong>. Enamik makro negatiivset ruumi sisaldavaid veebikujundusi on s\u00fcmmeetrilised \u2013 r\u00fctmilise ja korduva mustriga.\n<\/p>\n

\n Stripe Connecti sihtleht on suurep\u00e4rane n\u00e4ide makro negatiivse ruumi kasutamisest veebikujunduses.\n<\/p>\n

\"\"<\/a> Makro negatiivne ruum Stripe Connecti<\/a> sihtlehel.<\/p>\n

\n Alates p\u00e4isesse paigutatud navigeerimis\u00fcksustest ja m\u00e4rkimisv\u00e4\u00e4rsest negatiivsest ruumist tegevusele kutsete \u00fcmber muudavad Stripe'i sihtlehe silma paistma.\n<\/p>\n

\n Summeerida!
\n<\/h3>\n

\n Negatiivne t\u00fchik v\u00f5i t\u00fchik v\u00f5ib teie veebikujundust muuta v\u00f5i rikkuda. V\u00f5ite kulutada aega paljude p\u00f5nevate funktsioonidega visuaalselt atraktiivse kujunduse loomisele, kuid nagu teate, pole liiga palju midagi head. Nii et hea veebisaidi loomiseks peate tagama oma veebikujunduses \u00f5ige negatiivse ruumi kasutamise.\n<\/p>\n

\n Negatiivse ruumi \u00f5ige kasutamine aitab luua h\u00f5lpsasti arusaadavat visuaalset hierarhiat, tasakaalustatud paigutust ja t\u00f5husat t\u00fcpograafiat \u2013 k\u00f5ik need tegurid on veebidisaini edu jaoks \u00fcliolulised. Lisaks sellele on negatiivse ruumi \u00f5igeks kasutamiseks vaja m\u00f5ista kahte erinevat t\u00fc\u00fcpi negatiivset ruumi, mida nimetatakse mikro- ja makronegatiivseks ruumiks. M\u00f5lemad m\u00f5isted on olulised ja aitavad s\u00e4ilitada veebidisainis tervislikku tasakaalu.\n<\/p>\n

\n Loodame, et selle postituse lugemine aitab teil paremini m\u00f5ista, kuidas negatiivne (ruumi kontekstis) m\u00f5tlemine v\u00f5ib veebikujunduses olla kasulik.\n<\/p>\n<\/p>\n

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

Tavap\u00e4rane tarkus \u00fctleb, et “olulise eesm\u00e4rgi saavutamiseks peate m\u00f5tlema positiivselt.” Kuid sageli v\u00f5ib liiga palju positiivset m\u00f5tlemist pettuda. Kuigi on t\u00f5si, et pessimistid (ja skeptikud) on olnud inimkonna paremaks muutmise liikumapanev j\u00f5ud, on negatiivne m\u00f5tlemine meie maailmas elluj\u00e4\u00e4mise suurim p\u00f5hjus \u2013 see aitab igasuguseid ohte \u00e4ra hoida. Sama kehtib ka veebidisaini puhul. Huvitav, kuidas? Noh, paljud teist (ideaaljuhul veebidisainerid) n\u00f5ustuvad minuga, et mis tahes veebidisaini kallal t\u00f6\u00f6tades kipume meid valdama positiivsed\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":[143,195,52],"tags":[],"class_list":["post-247799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veebi-napunaited-ja-nipid","category-veebikujundus","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247799","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=247799"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247799\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/160736"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=247799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=247799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=247799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}