Bland elementen av bra siddesign - vare sig för tryck eller webb - är konceptet riktning, vilket är nära inriktat på rörelsen. Element i siddesignen riktar avsiktligt tittarnas ögon från ett område av sidan till en annan. De tre riktningarna vanliga i mönster som används för att rikta ögat är:
- Horisontell - Om du delar sidan eller skärmen halvvägs från sida till sida med en linje eller ett annat element flyttar ögat till varje element i den övre halvan av designen innan du flyttar till sektionen under den horisontella raden eller det element som delar upp sidan.
- Vertikal - Om du har två långa, smala kolumner med text eller två långa smala bilder eller grafiska element, har du en design med vertikal riktning. Ögat flöde från toppen av en kolumn till botten och flyttar sedan till toppen av den andra kolumnen.
- Diagonal - Om du använder diagonaler eller trianglar i din design fångas ögat, särskilt på webben där du inte ser många diagonala riktningslayouter.
Varje siddesign har en dominerande riktning, som upprättas genom placering av de viktigaste elementen.
Användning av riktning i Design
I webbdesign bestäms riktningen oftast av bilderna på sidan, men du kan också ange riktning genom placering av typ eller grafiska element på sidan och med linjer - speciellt när de har pilhuvud på dem.
Hur man inkluderar riktning i utskrifts- och webbdesigner
Inkorporera riktning i dina webbdesigner på följande sätt:
- Titta på dina bilder för att bestämma vilken riktning ämnena står inför. Om folket på bilden ser till höger, ska du placera bilden på vänster sida av sidan. Annars riktar ögonriktningen i bilden direkt dina läsares ögon bort från sidan. Du vill inte att några människor tittar på sidan av sidan.
- Använd din layout för att föreslå riktning. Placera täta element, som bilder, i horisontella, vertikala eller diagonala linjer. Medan mindre täta element, som text, omger dem.
- Använd linjer, bilder eller HR-taggar för att föreslå rörelse och riktning. En horisontell linje är tyst och flyttar ögat smidigt från vänster till höger på sidan. En vertikal linje föreslår rörelse från topp till botten, och en diagonal linje indikerar starkt rörelse från ett område av sidan till en annan.
- Obalanserade element anger också riktning och rörelse.
Layoutegenskaper som påverkar riktning och rörelse
Ögat brukar gå till det största elementet på en sida först. Det kan vara ett stort foto eller en stor rubrik. Där det rör sig nästa är en funktion av riktningen i designen. I en bra design leder platsen ögat nästa till en viktig del av meddelandet som sidan försöker leverera. Förflyttningen av det första stora objektet på sidan till nästa viktiga objekt kan påverkas av flera saker, inklusive:
- Färg. En ljus färg lockar ögat snabbare än en neutral färg.
- Grafik. Ett pekfinger eller en pil får ögat att se i en viss riktning.
- Former. En form som vindar genom sidan - som en spiral eller en prickad linje som går från ett element till det nästa - bär ögat längs sin väg.
Så här bestämmer du riktningen
Om du inte är säker på hur du utformar en sida för att indikera riktning, experimentera genom att titta på webbsidor och skriva ut publikationer specifikt för att identifiera var ditt öga går först och sedan var det går andra. Sedan leta efter orsaken som hände. När du känner igen designelementen som gör att ditt öga flyttar från ett element till ett annat, kan du använda dessa element i din egen design.
