Design to the Nines and the Rule of Thirds
Se hai passato del tempo a esplorare il settore creativo, probabilmente hai sentito la frase "regola dei terzi". È una di quelle espressioni che le persone amano usare quando vogliono sembrare intelligenti. Vai avanti. Puoi prendere una nota mentale per dopo. Non lo dirò a nessuno.
Spesso, la regola dei terzi viene utilizzata in riferimento alla fotografia, ed ecco come funziona: per utilizzare efficacemente un'immagine, dividerla in nove parti uguali. Le linee formate da questa divisione dovrebbero offrire una chiara definizione degli aspetti più importanti del pezzo, creando un'immagine visivamente emozionante.
Nell'esempio seguente, l'orizzonte nella fotografia destra si allinea con il segmento inferiore, mentre la formazione rocciosa, ora a lato, crea un parallelo interessante all'ampia distesa di cielo. È sbilanciato, al contrario della fotografia simmetrica a sinistra, che lo rende più interessante, dando al cervello più spazio per studiare.
Sono sicuro che puoi immaginare perché colpire una corda con gli spettatori è fondamentale per una buona fotografia. Se una fotografia non è esteticamente gradevole, non ha fatto il suo lavoro, e tu, lo spettatore, vai via senza preoccuparti di ciò che il fotografo ha attraversato per ottenere lo scatto. Un'immagine deve indugiare per essere efficace. Il cervello capisce la simmetria e la scosta. L'asimmetria, tuttavia, è impegnativa. Eccitante. Nuovo. Stranamente, è questa ragione esteticamente piacevole che ha portato gli artisti a usare per secoli il dominio dei terzi (e il suo cugino, la proporzione divina).
Ma quelle sono lezioni per una lezione di storia dell'arte, e ho promesso che non sarei mai tornato là. - Sto scherzando, ovviamente. Per favore, non mandarmi lettere d'odio per la storia dell'arte.
Quindi, perché la regola dei terzi è importante nel design?
Naturalmente con ogni "regola" data nell'arte, non è necessario aderire strettamente al costrutto. La regola dei terzi è più di una linea guida per aiutare un designer a concentrarsi sui contenuti. Non agitarti troppo; non è come se gli spettatori sapessero immediatamente che un designer ha usato la sezione aurea. (Siamo onesti, sarebbe una notevole perdita di tempo assicurarsi che ogni pulsante sia stato creato usando la sequenza di Fibonacci.) Invece, uno spettatore potrebbe pensare, "" Oh, è bello da guardare. "" Sai, il allo stesso modo possono divertirsi a studiare un'opera d'arte ben strutturata. E per quanto sia frustrante sapere che il tuo duro lavoro è passato per lo più inosservato, è esattamente quello che vuoi.
Per tutto il caos che circonda le diverse mode del design, alcuni elementi sono rimasti fedeli: non sovraccaricare la pagina, mantenere i tuoi aspetti chiave al di sopra della piega e cercare di attenersi alla magica proporzione divina.
Per i blog e i siti di notizie, mantenere la proporzione di 1,6 (ecc. Ecc.) È relativamente facile. Hai la sezione dei contenuti principali a sinistra e una barra laterale che supera di poco un terzo delle dimensioni dello spazio contenuto. Con il mio piccolo occhio, vedo che funziona bene con i nove quadrati per la nostra regola dei terzi. Ma questo è se vuoi un blog.
Diciamo che hai un prodotto da vendere e vuoi rendere la tua pagina esteticamente gradevole al maggior numero di occhi possibile. Daremo un'occhiata a un esempio che usa bene la regola dei terzi, mentre si allontana dalla tipica struttura a due colonne.
La maggior parte dei lettori guarda un sito web nella formazione "" F "". Scansiona la parte superiore della pagina, quindi scorri verso il lato sinistro. Naturalmente, questo funziona bene con il formato a due colonne. Tuttavia, diamo un'occhiata al nostro esempio del sito di uCast. Lungo i primi tre rettangoli, abbiamo le solite dotazioni di navigazione con un logo pulito, quindi sappiamo a cosa stiamo entrando. Lo slogan si allinea bene con il terzo superiore, adattandosi abbastanza bene da renderlo simile alla linea dell'orizzonte nell'esempio precedente della fotografia. L'occhio cade poi sul lato sinistro, ma una volta che arriva al fondo, i gradini numerati ci portano a destra, ancora una volta. Abbiamo fatto un giro completo e in una pagina uno spettatore ha una chiara comprensione del sito e del suo prodotto.
Dove le linee si intersecano è di particolare interesse. Qui è dove molti potrebbero fare uso della regola dei terzi, e, infatti, uCast ha usato le linee come un bel reggilibro per il suo slogan. Tuttavia, va notato che la regola dei terzi non è pensata per essere utilizzata completamente. Inclinare un'immagine a sinistra oa destra crea movimento ed è molto più attraente per l'occhio di un design simmetrico. Sfrutta le intersezioni e le linee implicite, ma non tutte insieme, oppure perdono la loro lucentezza.
La regola dei terzi è uno strumento semplice per mantenere sotto controllo il design. Non è onnicomprensivo, ma è un buon punto di partenza se senti che il tuo design non è abbastanza aderente visivamente.
Ti sono imbattuti in siti web che potrebbero incorporare la regola dei terzi? Come applichi la regola ai tuoi disegni? Fateci sapere nei commenti.