Eräs hyvän sivusuunnittelun elementeistä, olipa kyseessä printti tai verkko, on suunnan käsite, joka liittyy kiinteästi liikkeeseen. Sivun ulkoasun elementit ohjaavat katsojien katseet tarkoituksella sivun puolelta toiselle.
Yleiset suunnitteluohjeet
Kolme suuntaa, jotka ovat yleisiä silmän ohjaamiseen käytetyissä malleissa:
- Vaakasuora† Jos puolitat sivun tai näytön vasemmalta oikealle viivalla tai muulla elementillä, silmä siirtyy jokaiseen elementtiin kuvion yläosassa ennen siirtymistä vaakaviivan tai sivun sisältävän elementin alapuolelle.
- Pystysuora† Jos sinulla on kaksi pitkää, kapeaa tekstisaraketta tai kaksi pitkää, kapeaa valokuvaa tai grafiikkaa, sinulla on pystysuuntainen malli. Silmä virtaa yhden sarakkeen yläosasta alaosaan ja siirtyy sitten toisen sarakkeen yläosaan.
- Diagonaalinen† Diagonaalien tai kolmioiden käyttäminen suunnittelussa kiinnittää huomion verkkoon, jossa et näe monia diagonaalisia suunta-asetteluja.
Jokaisella sivusuunnittelulla on hallitseva suunta, joka määräytyy kriittisimpien elementtien sijoittelun mukaan.
Suunnan käyttö suunnittelussa
Verkkosuunnittelussa sivun kuvat määräävät yleensä suunnan. Voit kuitenkin antaa suunnan myös sijoittamalla tekstiä tai grafiikkaa sivulle ja viivoilla, varsinkin kun riveillä on nuolenpäät.
Tulostus- ja verkkosuunnittelun ohjaaminen
Anna ohjeita web-suunnittelullesi seuraavilla tavoilla:
- Katso kuvistasi, mihin suuntaan kohteet katsovat. Jos kuvan ihmiset katsovat oikealle, aseta kuva sivun vasempaan reunaan. Muuten kuvan silmien suunta ohjaa lukijoiden katseet pois sivulta. Et halua ihmisten katsovan sivun puolelta.
- Käytä asetteluasi suunnan ehdottamiseen. Sijoita tiheitä elementtejä, kuten valokuvia, vaaka-, pysty- tai vinoviivoille. Vaikka vähemmän tiheitä elementtejä, kuten tekstiä, ympäröivät nämä elementit.
- Käytä linjoja, kuvia tai HR-tunnisteita ehdottaaksesi liikettä ja suuntaa. Vaakaviiva on äänetön ja siirtää silmää sujuvasti vasemmalta oikealle sivulla. Pystyviiva viittaa liikettä ylhäältä alas ja diagonaalinen viiva osoittaa voimakkaasti siirtymisen sivun kohdasta toiseen.
- Epätasapainoiset elementit osoittavat myös suunnan ja liikkeen.
Suuntaan ja liikkeeseen vaikuttavat asetteluominaisuudet
Silmä siirtyy yleensä ensin sivun suurimpaan elementtiin. Se voi olla suuri valokuva tai suuri otsikko. Se, mihin se menee seuraavaksi, on suunnittelun suunnan funktio. Tasapainoisessa suunnittelussa paikka, johon katse menee, johtaa tärkeän osan viestiä, jota sivu yrittää välittää. Useat asiat vaikuttavat siirtymiseen sivun ensimmäisestä suuresta kohteesta seuraavaan suureen kohteeseen, mukaan lukien:
- Väri: Kirkas väri herättää huomion nopeammin kuin neutraali väri.
- Grafiikka: Osoittava sormi tai nuoli saa silmän katsomaan tiettyyn suuntaan.
- lomakkeita: Sivun läpi kiertyvä muoto (kuten spiraali tai pisteviiva, joka liikkuu elementistä toiseen) kuljettaa silmän polullaan.
Kuinka määrittää suunta?
Jos et ole varma, kuinka suunnitella sivua osoittamaan suunta, kokeile katsomalla verkkosivuja ja tulostamalla julkaisuja selvittääksesi, missä silmäsi tulee ensin ja toiseksi. Etsi sitten syytä tähän. Kun tunnistat symmetriset suunnitteluelementit, jotka saavat silmäsi siirtymään elementistä toiseen, voit käyttää näitä elementtejä suunnittelussasi.