När man möter slumpmässiga objekt på en sida försöker tittaren ofta hitta anslutningar. Designers kan hjälpa tittare genom att ordna objekt (text och / eller bilder) i grupper för att förmedla mening och hjälpa till att sprida sitt budskap. Denna närhet av dessa grupper är närhet, en princip för design.
Närhet skapar en bindning mellan sidelement. Hur nära objekt som placeras kan föreslå ett förhållande. Objekt placerade längre ifrån varandra kan föreslå skillnader.
Även om det ibland betraktas som en separat princip, är enighet eller "hur väl delar av dokumentet fungerar tillsammans" ibland benämnt närhet. Närhet är närhet. Men element som saknar närhet kan förenas genom att införa ett tredje element. Ett exempel: en pil som ansluter en textetikett i marginalen med en punkt i mitten av en karta. På detta sätt kan ett förhållande eller enighet uppnås mellan element som är långt ifrån varandra men tillhör varandra.
Gruppering av objekt kan göras med tydligt avstånd, genom att placera fysiska hinder mellan grupper (t.ex. regler) och till och med genom att använda form, färg eller textur för att visuellt gruppera som föremål och visuellt separera, till skillnad från objekt.
Använda närhet i sidlayout
Undvik överväldigande betraktaren när det finns många enskilda element på sidan genom att använda närhet till gruppobjekt i diskreta enheter.
- Att hålla bildtexter nära bilder gör det inte bara tydligt att bildtexten går med bilden, det skapar en enda visuell enhet från två separata.
- Grupperingselement som adress, telefonnummer, e-postadress och webbadress lägger inte bara kontaktinformationen till en lättillgänglig enhet, det skapar en enda plats för att ögat ska vila (och få information) i stället för fyra fläckar till hoppa runt till och eventuellt förbise.
- Om det finns många element som ska grupperas, överväg delgruppering. Använda kontaktinformationen som ett exempel, gruppera dem tillsammans men använd mellanslag (eller andra medel) för att skapa en undergrupp av exempelvis flera telefonnummer.
Använda närhet till hjälpnavigering
- Håll rubriken nära kroppen kopia (av en annons, en nyhetsartikel etc.) om du vill leda läsaren direkt in i texten. Om en medföljande visuell är särskilt viktig för att förstå texten, kan du istället lägga visuellt omedelbart efter rubriken.
- 5-stegs annonsdesignformeln baserad på David Ogilvy-arbetet arrangerar vanligtvis fem typer av innehåll i ett visst mönster som tenderar att leda tittaren genom annonsen. Närhet kan också användas för att gruppera material som utgör de fem typerna av innehåll.
Närhet som det hjälper användaren
Hjälp tittaren att förstå komplexa sidor eller informationsfyllda layouter genom att använda närhet för att sammanföra element som går ihop och separera andra delar.
- Till exempel kan en broschyr för ett seminarium som består av många separata verkstäder fördelat på flera dagar och platser lätt överväldiga. Använd närhet (tillsammans med andra element och utformningsprinciper) för att hålla informationen för varje enskild verkstad (titel, beskrivning, datum / tid, plats) grupperade tillsammans samtidigt som du ger en gruppering som ger övergripande detaljer som hur man registrerar, kostar och kontakt information.
- På en webbsida kan du använda närhet för att gruppera huvud- och hjälpnavigationslänkarna (antingen text, flikar eller knappar) i grupper enligt deras funktion (till exempel shopping / katalog, veckovisa specialerbjudanden och teknisk support).