Varför Negativ är positiv i webbdesign
Med alla de villkor som kastas på oss under vår designutbildning (blir vi själv eller institutionellt lärda), är det lätt att förstå varför vissa markar bara blinkar slag med knappt någon penetration i våra psykar.
De som snart kommer att blekna från vårt rike av full förståelse utan den ständiga förstärkning och uppmärksamhet som ägnas åt dem. Vilket är vad vi vill göra idag, ägna lite uppmärksamhet åt en häftning av webbdesign, negativt utrymme.
Vad är negativt utrymme?
För dem som behöver en påminnelse, låt oss ta en stund att bryta ner det till grunderna: det finns två typer av utrymme i design, positivt och negativt utrymme. Positivt utrymme innehåller alla delar av din webbplats, innehåll, navigering, bilder etc. Negativt utrymme (ofta kallat whitespace) är allt det tomma utrymmet däremellan, utrymmet runt innehållet som skiljer elementen och hjälper till att strukturera och definiera hur användaren interagerar med innehållet i det positiva utrymmet.
Nu när vi har det, låt oss gå vidare, ska vi? Det finns också två typer av negativt utrymme, mikro och makro. Mikro-negativt utrymme är utrymmet mellan de mindre elementen i designen. Saker som mellanslag mellan stycken, enskilda linjer av typ, hela vägen ner till mellanslag mellan bokstäver och ord. Makro-negativt utrymme är utrymmet mellan de större kärnelementen i konstruktionen, som din rubrik och sidfot.
Yeedor
Vänskap Hamburg
Moving Things Design Company
Mikro negativt utrymme
Först ska vi titta på den mindre änden av spektret. Tänk på att storleken inte betecknar mikrosidan till en position av minimal betydelse. Långt ifrån. Att behålla en bra mängd blankutrymme inom våra textblock kan gå långt mot att göra en webbplats mer läsbar, lättare att skanna och det kan även hjälpa människor att förstå vad de läser bättre.
Och vi pratar Micro, så detta fokus och underhåll behöver gå djupt. Vi måste ta hand om att allt negativt utrymme i våra textblock är tätt. Inte på ett trångt sätt, men tätt på ett estetiskt balanserat och öppet sätt. Det har du rätt i? Detta innebär att man tar upp mellanrummet mellan rubriker och stycken. Ge särskild försiktighet till linjens höjder i punkterna. Se till att utrymmet mellan rader i listorna inte är över eller under gjort. Även mellanslag mellan ord och bokstäver.
Det här är inte alltid en lätt uppgift. Att bestämma om marginalerna och vadderingen för denna typ av mikro negativ rymdjustering är en delikat konst. En som måste utformas med varje enskild webbplats vi bygger. Varje webbplats kommer att ha sin egen balans att hitta. Medan du inte vill ha för liten whitespace, har för mycket påverkan läsbarheten lika negativt.
Information Highway
Smälta
MakeMatter
Makro negativt utrymme
Låt oss nu växa vårt räckvidd lite och fokusera på makrosidan av detta spektrum. Trots att den här sidan är den som vi tenderar att uppmärksamma, ger vi inte ofta det mer öppet utrymme att andas in. Människor gillar att rodna huvudet med allt de kan passa, eftersom det är det första besökarna ser. Istället försök att hålla detta område till några viktiga element så att användarna både vet exakt var de är och inte kvävas så fort de kommer in på webbplatsen.
Liksom huvudet är det en ganska lätt fälla för att falla i betraktandet av sidfotarna och sidobararna i en design som något som en innehållsfångst-allt. En plats att flytta och ta bort så mycket information som möjligt. Till skillnad från rubriken är det sant att man kan komma undan med mer innehåll på dessa områden, men det är fortfarande viktigt att se till att vi lämnar gott om utrymme både runt och inom dessa delar.
Ju mer vi lämnar tillräckligt med utrymme och avstånd, desto mer ändamålsenliga ingår våra inklusioner. Det är när vi klotter (om inte gjort stilistiskt, vilket är lätt att skilja från det vi talar om här) som vi ofta ger intrycket att vi inte gav tillräckligt med uppmärksamhet åt våra planeringsstadier. Beviljas, när vi stör, kan vi säkert lägga mycket skuld på våra kunder, med vetskap om att mycket av cluttering görs på deras föreslag. En punkt vi kommer att komma till och täcka inom kort.
Så vi vill vara säkra på att utrymmet är rikligt runt varje blockelement, runt hela avsnittet (se till att sidofältet inte skjuts upp mot huvudinnehållet på webbplatsen). Var försiktig så att det finns gott om plats runt alla uppmaningar. Låt CTA: s sticka ut.
Viva Audio
Varor
Gör en backflip
Varför negativt utrymme är viktigt
Användningen av negativt utrymme spelar en stor roll i användbarheten. Som vi har pekat på hela tiden. Användare behöver inte bara kunna läsa allt innehåll på webbplatsen bekvämt, men de måste också enkelt kunna hitta vad de letar efter. Clutter håller det från att vara en lätt uppgift. Många människor, speciellt kunder, tenderar att vilja lägga ut alla tillgängliga tum av skärmen med information och undra varför webbplatsen ser så ringa och obehaglig ut. Och dessutom, varför användare verkar ha problem med att navigera på sajten.
Och det är här våra övertygande krafter och förtroende för våra design sensibilities kommer in. Som designare måste vi få dem att förstå varför detta negativa utrymme är så viktigt och varför göra val om vad innehåll som ska inkluderas på deras hemsida är lika viktigt. Detta är inte slöseri med sina pengar. Det är inte heller ett slöseri med skärmutrymme. Men istället ett nödvändigt element för att göra den viktiga informationen redan på skärmen i en ren och professionell miljö. Vi måste få dem att se det.
Vi kan fortfarande passa allt som behövs inom webbplatsen. Bara se till att ge allt utrymme att andas. Det är okej för människor att behöva bläddra igenom webbplatsen, det är faktiskt förväntat. "Ovanför veckan" håller inte längre den kraft som den brukade. Det är dock fortfarande viktigt att komma ihåg att innehållet (framförallt innehållet på sidan) ska väljas klokt. Ju fler alternativ som ges på den första sidan, desto svårare kommer användaren att välja var man ska gå nästa utan att bli överväldigad och eventuellt ge upp på platsen tillsammans.
Rena fixcykler
Nurun
Nästan omöjligt
Hur använder du negativt utrymme i dina mönster? Är "negativ" rätt term för blankutrymme? Låt oss veta dina tankar i kommentarerna.