\n Negativitet \u00e4r kreativitetens fiende.\n <\/p>\n
\n -David Lynch\n <\/p>\n<\/blockquote>\n
\n Vad \u00e4r negativt eller vitt utrymme?
\n<\/h5>\n
\n Negativt utrymme \u00e4r omr\u00e5det p\u00e5 din webbplats som inte har n\u00e5gon text, inneh\u00e5ll, bild eller video. Enkelt uttryckt \u00e4r det bara det tomma utrymmet p\u00e5 webbplatsen och anv\u00e4nds vanligtvis f\u00f6r att separera de positiva elementen p\u00e5 den sidan. Det \u00e4r ofta k\u00e4nt som vitt utrymme.\n<\/p>\n
\n Om du vill lyckas inom omr\u00e5det webbdesign f\u00e5r du inte f\u00f6rbise betydelsen av negativt utrymme till varje pris. Det b\u00e4sta med negativt utrymme \u00e4r att det l\u00e4gger till symmetri till hela layouten p\u00e5 din webbplats. L\u00e4mpligt tomt utrymme kommer att f\u00e5 din webbplats att se ren ut och dina bes\u00f6kare kommer att kunna skanna webbplatsen enkelt.\n<\/p>\n \n Vad h\u00e4nder om din webbplats inte har negativt utrymme?\n<\/p>\n \n F\u00f6rest\u00e4ll dig att vara i ett litet m\u00f6rkt rum utan f\u00f6nster och d\u00f6rrar. Det finns inget utrymme f\u00f6r dig att andas. Skulle du inte k\u00e4nna dig klaustrofobisk \u00e4ven vid tanken p\u00e5 att fastna n\u00e5gonstans d\u00e4r du inte kan andas? Webbplatser utan negativt utrymme f\u00f6rmedlar n\u00e5got samma k\u00e4nsla eftersom det vita utrymmet skapar det virtuella andningsutrymmet f\u00f6r tittarna.\n<\/p>\n \n H\u00e4r \u00e4r vad som h\u00e4nder om du inte l\u00e4mnar ett svart utrymme i din webbdesign.\n<\/p>\n \n L\u00e5t oss s\u00e4ga att du vill l\u00e4sa boendeguiden p\u00e5 en webbplats, ChesterTourist.com. Nu hittar du guiden som fyller upp hela webbsidan utan n\u00e5gra avbrott. Det finns inga stycken eller blanksteg mellan texterna. Skulle det vara l\u00e4ttare f\u00f6r dig att f\u00f6lja guiden d\u00e5? Uppenbarligen nej. Du kan sluta f\u00e5 en anstr\u00e4ngning i \u00f6gonen och slutligen l\u00e4mna webbplatsen f\u00f6r ditt eget b\u00e4sta. Se bilden nedan.\n<\/p>\n \n Vitt utrymme hindrar din m\u00e5lgrupp fr\u00e5n att distrahera. L\u00e4sarna kommer l\u00e4tt att kunna identifiera syftet med inneh\u00e5llet eller sidan. S\u00e4g att din sida vill att l\u00e4saren ska trycka p\u00e5 uppmaningsknappen. Vad h\u00e4nder om dina bes\u00f6kare inte kan trycka p\u00e5 knappen eftersom din webbsida \u00e4r \u00f6verv\u00e4ldigad av jargong?\n<\/p>\n \n L\u00e5t oss s\u00e4ga att du har designat en sida p\u00e5 din webbplats som tvingar dina l\u00e4sare att anv\u00e4nda rabattkoder vid kassan. Dina l\u00e4sare kanske inte ens m\u00e4rker det centrala budskapet om din webbplats \u00e4r \u00f6verv\u00e4ldigad med positiva webbdesignelement. Du m\u00e5ste v\u00e4gleda dina l\u00e4sare till det centrala budskapet p\u00e5 din webbsida. Negativt utrymme hj\u00e4lper dig att g\u00f6ra det enkelt precis som bilden nedan.\n<\/p>\n \n Det negativa utrymmet hj\u00e4lper dina l\u00e4sare att fokusera p\u00e5 specifika termer och utveckla en stark k\u00e4nsla med syftet med den sidan. Anv\u00e4nd det negativa utrymmet effektivt s\u00e5 g\u00f6r du inneh\u00e5llet p\u00e5 din webbplats l\u00e4sbart p\u00e5 nolltid. Viktigast av allt, du beh\u00f6ver inte \u00e4ndra teckensnittsstilen eller storlekarna f\u00f6r att locka dina l\u00e4sare till inneh\u00e5llet. Allt du beh\u00f6ver g\u00f6ra \u00e4r att anv\u00e4nda negativt utrymme p\u00e5 r\u00e4tt s\u00e4tt.\n<\/p>\n \n Varje webbsida best\u00e5r av ett motiv. S\u00e4g att du har designat en webbplats med verktyg f\u00f6r plagiatkontroll. Du vill att dina l\u00e4sare ska l\u00e4sa den f\u00f6rsta vikningen av sidan, g\u00e5 till en annan sida som faktiskt har plagiatkontrollen och till slut kontrollera deras inneh\u00e5ll f\u00f6r plagiat p\u00e5 det verktyget. F\u00f6r m\u00e5nga positiva element kommer att g\u00f6ra l\u00e4sarna f\u00f6rvirrade och de kanske inte kan f\u00f6lja m\u00f6nstret enligt dina instruktioner.\n<\/p>\n \n Anv\u00e4nd negativt utrymme p\u00e5 r\u00e4tt st\u00e4llen och v\u00e4gled dina l\u00e4sare d\u00e4refter, som visas i bilden ovan. Vill du att de ska scrolla ner f\u00f6r mer information? Vill du att dina l\u00e4sare ska titta specifikt p\u00e5 vissa element? R\u00e4tt anv\u00e4ndning av negativt utrymme kommer att ge en solid riktning till fl\u00f6det av din webbsida.\n<\/p>\n \n Nu finns det en tunn linje mellan negativa utrymmen och tomma utrymmen som agerar passivt. Den f\u00f6rra f\u00f6rb\u00e4ttrar strukturen p\u00e5 din webbplats, medan den senare f\u00f6rst\u00f6r den. Ta en titt p\u00e5 bilden nedan.\n<\/p>\n \n Det \u00e4r webbdesignen f\u00f6r en f\u00e4rgaff\u00e4r. Som du kan se best\u00e5r webbdesignen av korrekt placerat negativt utrymme. Men den inneh\u00e5ller ocks\u00e5 ett passivt tomt utrymme. Detta tomma utrymme kan g\u00f6ra dina l\u00e4sare f\u00f6rvirrade om huruvida webbplatsen har brister eller om den har ofullst\u00e4ndig information.\n<\/p>\n \n S\u00e5ledes skapar tomma passiva utrymmen ett offset visuellt element. Enkelt uttryckt \u00e4r det b\u00e4ttre att undvika passiva utrymmen eftersom de f\u00e5r din webbplats att se oprofessionell och ofullst\u00e4ndig ut.\n<\/p>\n \n Att implementera negativt utrymme i en webbplats layout \u00e4r inte s\u00e5 l\u00e4tt som det l\u00e5ter att vara. Du m\u00e5ste ha ett \u00f6vat \u00f6ga f\u00f6r att komma p\u00e5 genomt\u00e4nkta id\u00e9er f\u00f6r att anv\u00e4nda det negativa utrymmet p\u00e5 din webbplats. Du kan till och med be om programmeringshj\u00e4lp under utvecklingen av din webbplats f\u00f6r att se till att det negativa utrymmet hj\u00e4lper dig att lyfta fram huvudbudskapet p\u00e5 den sidan. Kolla in de 7 b\u00e4sta s\u00e4tten du b\u00f6r anv\u00e4nda negativt utrymme f\u00f6r att st\u00f6dja den \u00f6vergripande designen av din webbsida.\n<\/p>\n \n Det \u00e4r en myt att negativt utrymme bara kan vara vitt. Du kan anv\u00e4nda allt fr\u00e5n r\u00f6tt till svart s\u00e5 l\u00e4nge f\u00e4rgen inte bryter mot temat p\u00e5 din webbplats. Kolla in f\u00e4rgen p\u00e5 Apple.com s\u00e5 hittar du det negativa utrymmet p\u00e5 deras webbplatser i form av vitt och ljusgr\u00e5tt\n<\/p>\n \n Negativa utrymmen finns i n\u00e4stan alla logotyper, banderoller och konstverk som du kan st\u00f6ta p\u00e5 i din vardag. Oavsett om du letar efter en kodningsguide f\u00f6r nyb\u00f6rjare.\n<\/p>\n \n Har du lagt m\u00e4rke till layouten av bilder p\u00e5 Pinterest? Alla bilder \u00e4r i olika storlekar, eller hur? Det beror p\u00e5 att om du anv\u00e4nder negativt utrymme eller bildblock, \u00e4r r\u00e4tt balans avg\u00f6rande snarare \u00e4n att bibeh\u00e5lla symmetri p\u00e5 sidan. Negativa mellanslag fungerar bara om du anv\u00e4nder det med v\u00e4ldefinierade positiva mellanslag.\n<\/p>\n \n Anv\u00e4nd inte de negativa utrymmena i n\u00e5gon slumpm\u00e4ssig del av din webbdesign. Ordna webbplatselementen noggrant s\u00e5 att den f\u00e5r kontakt med dina l\u00e4sare k\u00e4nslom\u00e4ssigt. Det negativa utrymmet, tillsammans med andra positiva delar av webbsidan, b\u00f6r kunna tvinga dina bes\u00f6kare att vidta de \u00e5tg\u00e4rder du vill att de ska g\u00f6ra.\n<\/p>\n \n Anv\u00e4nd elementen i din webbdesign tillsammans med balanserat negativt utrymme efter deras betydelse. Du kan till exempel beh\u00e5lla nyckelbudskapen h\u00f6gst upp p\u00e5 din webbsida och anv\u00e4nda det negativa utrymmet f\u00f6r att v\u00e4gleda din l\u00e4sare att navigera smidigt \u00f6ver sidan. Det negativa utrymmet kommer att fungera som en guide f\u00f6r din l\u00e4sares \u00f6gon.\n<\/p>\n \n Vissa m\u00e4nniskor betraktar det negativa utrymmet som en eftertanke av webbdesign. Det \u00e4r faktiskt en av de mest strategiska metoderna f\u00f6r att f\u00f6rb\u00e4ttra synligheten, fl\u00f6det, l\u00e4sbarheten och djupet p\u00e5 din webbplats.\n<\/p>\n \n Nu n\u00e4r du vet om de olika teknikerna f\u00f6r att anv\u00e4nda negativt utrymme i webbdesign, l\u00e5t oss diskutera de tv\u00e5 typerna av negativt utrymme som du kan anv\u00e4nda dig av.\n<\/p>\n \n Utrymmet som finns inom de mindre segmenten av din sida kallas mikronegativt utrymme. Det inkluderar marginaler och mellanslag mellan bokst\u00e4ver, tecken eller ord. S\u00e4g att du har planerat att anv\u00e4nda en bild p\u00e5 din webbsida och att du \u00e4ven har anv\u00e4nt en bildtext under den. Allts\u00e5 \u00e4r utrymmet mellan din bild och bildtext det negativa mikroutrymmet.\n<\/p>\n \n Du kan anv\u00e4nda negativt mikroutrymme i typografiska m\u00f6nster eftersom det f\u00f6rb\u00e4ttrar l\u00e4sbarheten och l\u00e4sbarheten av dina texter. Mellanrummen mellan inneh\u00e5llsblocken p\u00e5 din webbsida b\u00f6r vara tillr\u00e4ckligt t\u00e4ta f\u00f6r att passa det negativa mikroutrymmet. L\u00e4gg inte till f\u00f6r mycket radh\u00f6jd mellan dina stycken och rubriken f\u00f6r att se till att det negativa utrymmet inte f\u00e5r inneh\u00e5llet att se tr\u00e5ngt ut.\n<\/p>\n \n Kolla in den h\u00e4r webbplatsen fr\u00e5n BuzzFeed nedan f\u00f6r att f\u00f6rst\u00e5 r\u00e4tt anv\u00e4ndning av negativt mikroutrymme. Som du kan se best\u00e5r webbplatsen av m\u00e5nga inneh\u00e5ll och \u00e4nd\u00e5 f\u00f6rvirrar inte layouten l\u00e4sarna.\n<\/p>\n \n Mellanrummen som finns mellan de stora webbdesignelementen kallas negativt makroutrymme. Dessa utrymmen \u00e4r bredare och k\u00e4nns d\u00e4rf\u00f6r ofta omedelbart igen. Utrymmet mellan sidhuvuden, inneh\u00e5ll, navigering och sidfotsomr\u00e5dena best\u00e5r av det negativa makroutrymmet. Makro negativt utrymme anv\u00e4nds ocks\u00e5 i bakgrunden, sidof\u00e4lt och andra delar av webbsidan.\n<\/p>\n \n Det negativa makroutrymmet hj\u00e4lper dig att separera och koppla ihop de olika webbdesignelementen effektivt. Till exempel kommer det bredare utrymmet att hj\u00e4lpa dig att separera elementen medan det smalare utrymmet hj\u00e4lper dig att koppla ihop dem. Sammantaget kommer det negativa makroutrymmet att f\u00e5 din webbsida att se kompakt ut och h\u00e5lla allt inneh\u00e5ll p\u00e5 sidan f\u00f6renat.\n<\/p>\n \n H\u00e4r \u00e4r en m\u00e5lsida f\u00f6r Dropbox som tydligt visar den fantastiska anv\u00e4ndningen av det negativa makroutrymmet. Som du kan se finns det ett betydande negativt utrymme kring uppmaningarna. Kolla ocks\u00e5 in hur navigationsobjekten placeras i rubriken p\u00e5 grund av den smarta anv\u00e4ndningen av det negativa makroutrymmet.\n<\/p>\n \n Jag har skapat den h\u00e4r listan med fantastiska exempel p\u00e5 negativt utrymme som anv\u00e4nds i olika nischer p\u00e5 webbplatsen. Ta en titt p\u00e5 alla webbplatser och du kommer att se hur det negativa utrymmet ger\n<\/p>\n \n The Big Landscapes gr\u00e4nssnitt \u00e4r minimalistiskt enligt principerna om tydlig visuell hierarki, negativt utrymme, god l\u00e4sbarhet och estetisk njutning fr\u00e5n visuell perception.\n<\/p>\n \n \n Trusted Advisors anv\u00e4nder det tomma utrymmet p\u00e5 hemsidan f\u00f6r sin webbplats f\u00f6r att effektivt lyfta fram det centrala budskapet. Fr\u00e5n logotypen till navigeringen \u00e4r allt tydligt synligt och f\u00f6rst\u00e5eligt tack vare smart anv\u00e4ndning av vitt utrymme.\n<\/p>\n \n \n HDLive 2012 visar den perfekt balanserade anv\u00e4ndningen av negativt utrymme mellan teckensnitt och rubriker. Texterna best\u00e5r ocks\u00e5 av gott om linjeh\u00f6jd och kontrasterande f\u00e4rger mot bakgrunden.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311338-63837aa767fb9.webp\")
<\/a><\/p>\n\n Inga avbrott p\u00e5 sidan
\n<\/h5>\n<\/a><\/p>\n\n Ditt prim\u00e4ra meddelande f\u00f6rsvinner obem\u00e4rkt
\n<\/h5>\n<\/a><\/p>\n\n Brist p\u00e5 riktning p\u00e5 din webbsida
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n Topp 5 bepr\u00f6vade s\u00e4tt att anv\u00e4nda negativt utrymme f\u00f6r att skapa \u00f6vertygande webbplatser
\n<\/h3>\n\n Negativt utrymme beh\u00f6ver inte vara vitt
\n<\/h5>\n<\/a><\/p>\n\n Negativt utrymme kan vara precis runt h\u00f6rnet
\n<\/h5>\n<\/a><\/p>\n\n Det \u00e4r alltid b\u00e4ttre att undvika monotoni
\n<\/h5>\n<\/a><\/p>\n\n H\u00e5ll det enkelt
\n<\/h5>\n<\/a><\/p>\n\n L\u00e4gg elementen i lager efter deras betydelse
\n<\/h5>\n<\/a><\/p>\n\n Vilka \u00e4r de olika typerna av negativt utrymme inom webbdesign?
\n<\/h3>\n\n Mikronegativt utrymme
\n<\/h5>\n<\/a><\/p>\n\n Makro negativt utrymme
\n<\/h5>\n<\/a><\/p>\n\n Exempel p\u00e5 negativt utrymme i webbdesign
\n<\/h3>\n\n
\n Det stora landskapet
\n<\/h5>\n<\/a>\n<\/p>\n\n Hobson Bernardino + Davis LLP
\n<\/h5>\n<\/a>\n<\/p>\n\n HDLive 2012
\n<\/h5>\n