Tra gli elementi di una buona pagina di design, sia per la stampa che per il web, c'è il concetto di direzione, che è strettamente allineato al movimento. Gli elementi del design della pagina guidano intenzionalmente gli occhi degli spettatori da un'area della pagina all'altra. Le tre direzioni comuni nei disegni usati per dirigere l'occhio sono:
- Orizzontale - Se dividi la pagina o lo schermo a metà da un lato all'altro con una linea o un altro elemento, l'occhio si sposta su ciascun elemento nella metà superiore del disegno prima di passare alla sezione sotto la linea orizzontale o elemento che divide la pagina.
- Verticale - Se hai due colonne di testo lunghe o strette o due foto o elementi grafici lunghi e stretti, hai un disegno con una direzione verticale. L'occhio scorre dalla cima di una colonna alla sua parte inferiore e quindi si sposta in cima alla seconda colonna.
- Diagonale - Se utilizzi diagonali o triangoli nel tuo disegno, l'occhio viene catturato, in particolare sul web dove non vedi molti layout di direzione diagonale.
Ogni disegno di pagina ha una direzione dominante, che è stabilita dal posizionamento degli elementi più importanti.
Uso della direzione nel design
Nel web design, la direzione è più spesso determinata dalle immagini sulla pagina, ma puoi anche imporre la direzione attraverso il posizionamento di tipo o elementi grafici sulla pagina e con le linee, specialmente quando hanno punte di freccia su di essi.
Come includere la direzione in stampa e Web design
Incorporare la direzione nei progetti Web nei seguenti modi:
- Guarda le tue immagini per determinare in quale direzione si trovano i soggetti. Se le persone nella foto stanno guardando a destra, allora dovresti posizionare l'immagine sul lato sinistro della pagina. Altrimenti, la direzione degli occhi nella foto indirizzerà gli occhi dei tuoi lettori lontano dalla pagina. Non vuoi che le persone guardino dal lato della pagina.
- Usa il tuo layout per suggerire la direzione. Posiziona elementi densi, come le foto, in linee orizzontali, verticali o diagonali. Mentre elementi meno densi, come il testo, li circondano.
- Usa linee, immagini o tag HR, per suggerire movimento e direzione. Una linea orizzontale è silenziosa e sposta l'occhio senza problemi da sinistra a destra sulla pagina. Una linea verticale suggerisce il movimento dall'alto verso il basso e una linea diagonale indica fortemente il movimento da un'area della pagina all'altra.
- Gli elementi sbilanciati indicano anche direzione e movimento.
Caratteristiche di layout che influenzano la direzione e il movimento
L'occhio di solito va prima all'elemento più grande su una pagina. Potrebbe essere una foto grande o un titolo grande. Il punto in cui si muove successivamente è una funzione di direzione nel disegno. Con un buon design, il punto in cui passa l'occhio porta a una parte importante del messaggio che la pagina sta tentando di fornire. Il movimento del primo oggetto grande sulla pagina per il prossimo oggetto importante può essere influenzato da diverse cose, tra cui:
- Colore. Un colore brillante attrae l'occhio più rapidamente di un colore neutro.
- Grafica. Un dito puntato o una freccia fa sì che l'occhio guardi in una determinata direzione.
- Forme. Una forma che si snoda attraverso la pagina, come una spirale o una linea tratteggiata che si sposta da un elemento all'altro, porta l'occhio lungo il suo percorso.
Come determinare la direzione
Se non sei sicuro di come progettare una pagina per indicare la direzione, sperimenta guardando le pagine web e stampa le pubblicazioni specificatamente per identificare dove l'occhio va per primo e poi dove va secondo. Quindi cerca la ragione per cui è successo. Una volta riconosciuti gli elementi di design che fanno muovere l'occhio da un elemento all'altro, puoi utilizzare quegli elementi nel tuo progetto.
