\n Effektiv bruk av mellomrom p\u00e5 nettstedet ‘ Hobson Bernardino + Davis LLP ‘.<\/a>\n<\/p>\n
\n Eksempel 2 \u2013 Lag et balansert oppsett
\n<\/h5>\n
\n \u00c5 opprettholde visuell balanse er viktig for \u00e5 legge til et elegant utseende til webdesignet ditt. Dessuten gj\u00f8r et balansert oppsett webdesignet enkelt \u00e5 bruke og forbedrer UX (brukeropplevelse). Negativ plass anses \u00e5 v\u00e6re en av de mest effektive m\u00e5tene som kan bidra til \u00e5 oppn\u00e5 balanse.\n<\/p>\n
\n For eksempel: Nettstedet «Enterprise Foundation» bruker negativ plass som bidrar til \u00e5 skape en perfekt balanse mellom n\u00f8kkelkomponenter p\u00e5 nettstedet, inkludert overskrift, innholdsomr\u00e5der og bunntekst. Til tross for at tekstblokkene er tette, men ikke p\u00e5 en overfylt m\u00e5te, p\u00e5 grunn av riktig bruk av negativ plass i den generelle layouten – som gj\u00f8r designet estetisk balansert.\n<\/p>\n
\n Dessuten skaper det vekslende (og den riktige kontrasten) fargevalget som brukes i bakgrunnen og teksten en f\u00f8lelse av romslig og romslig design. De midterste innholdsomr\u00e5dene i hjemmesidedesignet for Enterprise Foundation ser brede ut, siden det bruker mye ekstra plass i form av polstring. Denne ekstra plassen bidrar til \u00e5 skille innholdsomr\u00e5dene.\n<\/p>\n \n Du kan kanskje ikke legge merke til riktig negativ plass i et webdesign, men i tilfelle hvis det mangler – de proppfulle sidedelene og innholdsomr\u00e5dene vil sikkert f\u00e5 deg til \u00e5 legge merke til frav\u00e6ret av negativ plass.\n<\/p>\n \n I et n\u00f8tteskall, balanse er ikke noe som «kan sees med bare \u00f8yne», fordi det er mer en abstrakt f\u00f8lelse. Derfor, hvis negativ plass ikke brukes riktig i layouten p\u00e5 nettstedet ditt, vil det se ust\u00f8tt og ujevnt ut for seerne \u2013 det gj\u00f8r lesingen vanskelig for dem.\n<\/p>\n \n I l\u00f8pet av de siste par \u00e5rene har typografi dukket opp som en av de hotteste trendene. I f\u00f8lge The Aesthetics of Reading<\/a>, en artikkel skrevet av Rosalind Picard (MIT) og Kevin Larson (Microsoft), «p\u00e5virker typografi en lesers hum\u00f8r og kognitive ytelse».\n<\/p>\n \n Enkelt sagt: et effektivt typografisk design kan hjelpe deg med \u00e5 gj\u00f8re et godt inntrykk p\u00e5 brukerne dine.\n<\/p>\n \n Negativ plass spiller en viktig rolle for \u00e5 produsere god typografi. Husk at en flott typografisk design ikke bare trenger store bokstaver, men ogs\u00e5 krever at du bruker riktig plass for \u00e5 skape en f\u00f8lelse av skille mellom bokstaver og ord.\n<\/p>\n \n Faktisk s\u00f8rger typografi ogs\u00e5 for \u00e5 opprettholde innholdshierarkiet. Overskriftene p\u00e5 nettsidene dine m\u00e5 lett gjenkjennes som de «styrende» komponentene i innholdet p\u00e5 siden din. Og overskriftene m\u00e5 v\u00e6re i stand til umiddelbart \u00e5 fange brukernes oppmerksomhet, da de hjelper til med \u00e5 bestemme hva innholdet handler om.\n<\/p>\n \n Videre m\u00e5 tekstblokkene eller avsnittene under overskriftene plasseres n\u00e6rmere overskriften, for \u00e5 hjelpe leserne \u00e5 forst\u00e5 forholdet mellom dem begge, og s\u00e5 videre.\n<\/p>\n \n For eksempel: «HDLive 2012» viser en utmerket bruk av forst\u00f8rret typografi med riktig avstand. N\u00e5r du blar nedover nettsiden eller g\u00e5r inn p\u00e5 de indre sidene, vil du legge merke til at teksten p\u00e5 nettsidene inneholder mye linjeh\u00f8yde og subtile kontrastfarger mot sidebakgrunnen. Dette er viktig for \u00e5 legge til rette for at brukerne f\u00e5r en forbedret leseopplevelse.\n<\/p>\n \n \u00c5 designe typografi med elementer med god avstand skaper naturlig rytme, noe som gj\u00f8r det enklere for de bes\u00f8kende \u00e5 ha en hyggelig leseopplevelse \u2013 uavhengig av st\u00f8rrelsen p\u00e5 nettsiden din.\n<\/p>\n \n For \u00e5 gj\u00f8re riktig bruk av negativ plass i et webdesign, m\u00e5 du bli kjent med de to forskjellige typene negativ plass, nemlig: mikro og makro negativ plass.\n<\/p>\n \n Det er rommet innenfor de mindre (side) elementene, for eksempel margene (venstre eller h\u00f8yre) rundt elementene p\u00e5 en nettside eller mellomrommet mellom ord, bokstaver og tegn. For eksempel: Mellomrommet mellom et bilde og bildeteksten er mikronegativt mellomrom.\n<\/p>\n \n Mikronegativ plass brukes i typografisk design, og hjelper til med \u00e5 forbedre lesbarheten og lesbarheten til teksten. N\u00e5r du bruker mikronegativ plass, m\u00e5 du s\u00f8rge for at avstanden mellom innholdsblokkene dine m\u00e5 v\u00e6re trange, men det b\u00f8r ikke gj\u00f8re dem overfylte. Dette kan oppn\u00e5s ved \u00e5 sikre at du ikke legger til for mye linjeh\u00f8yde mellom overskriften og avsnittene. Men s\u00f8rg samtidig for at linjeh\u00f8yden ikke m\u00e5 undergj\u00f8res ogs\u00e5.\n<\/p>\n \n Et godt eksempel p\u00e5 mikronegativ plass er W3Avenues nettsted nedenfor. Siden inneholder mye innhold (med flere artikler plassert i forskjellige kategorier), men oppsettet forvirrer ikke brukerne. Passende plass i overskriften, og riktig fordelte elementer i innholdet i midten og i sidefeltannonsene, gj\u00f8r nettstedets layout rent og strukturert.\n<\/p>\n \n Denne typen negativ plass skaper en avstand mellom de viktigste webdesignelementene. Disse omr\u00e5dene er bredere sammenlignet med mikronegative rom, og blir dermed umiddelbart synlige. Marginene mellom topptekst-, navigasjons-, innholds- og bunntekstomr\u00e5dene kalles makronegativt rom. I tillegg er plassen mellom sidefeltene, bakgrunnen og andre deler av nettsiden en makro negativ plass.\n<\/p>\n \n Disse omr\u00e5dene kan gi rikelig plass mellom designelementene (sammenlignet med mikro negativ plass), men det gir fortsatt ikke mer plass \u00e5 puste inn.\n<\/p>\n \n Plassen brukes f\u00f8rst og fremst til \u00e5 skille, samt koble sammen webdesignelementer. Imidlertid best\u00e5r ofte mange design av bokser (i form av border) – som brukes til \u00e5 skille og koble sammen elementer. Men selv om bokser viser seg \u00e5 v\u00e6re nyttige for \u00e5 skille ting, kan de mislykkes i \u00e5 opprettholde enhet p\u00e5 tvers av designet. Det er her makrorommet kommer deg til unnsetning.\n<\/p>\n \n Bruk av makronegativt mellomrom i stedet for bokser kan bidra til \u00e5 skille og koble sammen alle elementene i webdesignet ditt effektivt. Mens den st\u00f8rre plassen hjelper til med \u00e5 skille elementene, vil smalere plass bidra til \u00e5 koble dem sammen, noe som bidrar til \u00e5 opprettholde enhetens enhet.\n<\/p>\n \n Merk<\/strong>: De fleste nettdesign som inneholder makronegativ plass er symmetrisk \u2013 med et rytmisk og repeterende m\u00f8nster.\n<\/p>\n \n Stripe Connect-landingssiden er et perfekt eksempel p\u00e5 bruk av makronegativ plass i et webdesign.\n<\/p>\n \n Rett fra navigasjonselementene plassert i overskriften, og en betydelig mengde negativ plass rundt handlingsfremmende oppfordringer, f\u00e5r Stripe-landingssiden til \u00e5 skille seg ut.\n<\/p>\n \n Negativt mellomrom eller mellomrom kan gj\u00f8re eller \u00f8delegge webdesignet ditt. Du kan bruke tid p\u00e5 \u00e5 lage et visuelt tiltalende design med tonnevis av spennende funksjoner, men som du kanskje vet er for mye av noe ikke bra. Og s\u00e5, for \u00e5 lage et godt nettsted, m\u00e5 du s\u00f8rge for \u00e5 bruke riktig negativ plass i webdesignet ditt.\n<\/p>\n \n \u00c5 bruke negativ plass p\u00e5 riktig m\u00e5te bidrar til \u00e5 skape et lettfattelig visuelt hierarki, balansert layout og produserer effektiv typografi \u2013 alle disse faktorene er avgj\u00f8rende for suksessen til et webdesign. I tillegg til dette er det to forskjellige typer negativt rom som du m\u00e5 forst\u00e5, for \u00e5 kunne bruke negativt rom p\u00e5 riktig m\u00e5te, kalt mikro- og makronegativt rom. Begge disse konseptene er viktige og bidrar til \u00e5 opprettholde en sunn balanse i et webdesign.\n<\/p>\n \n H\u00e5per \u00e5 lese dette innlegget vil hjelpe deg med \u00e5 gi en bedre ide om hvordan det \u00e5 tenke negativt (i romsammenheng) kan v\u00e6re bra i et webdesign.\n<\/p>\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-63820016679f0.webp\")
<\/a> Negativ plass p\u00e5 Enterprise Foundation-<\/a> nettstedet.<\/p>\n\n Eksempel 3 \u2013 Lag effektiv typografi
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001895b25.webp\")
<\/a> Typografi med riktig avstand p\u00e5 HDLive 2012-<\/a> nettstedet.<\/p>\n\n Hvordan b\u00f8r du bruke negativ plass i design?
\n<\/h3>\n\n Mikro negativt rom
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001a9f765.webp\")
<\/a> Mikro negativ plass p\u00e5 W3Avenue<\/a> nettsted.<\/p>\n\n Makro negativt rom
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001cc3fe4.webp\")
<\/a> Makro negativ plass p\u00e5 Stripe Connect<\/a> -landingssiden.<\/p>\n\n Oppsummering!
\n<\/h3>\n