Contenuto
- 01. Usa una griglia
- 02. Scegli un unico punto focale
- 03. Usa la regola dei terzi
- 04. Usa lo spazio bianco
- 05. Ripeti gli elementi di design
- 06. Usa la gerarchia
- 07. Usa scala, contrasto e armonia
L'obiettivo principale di qualsiasi layout di pagina che progetti, che si tratti di una brochure stampata o dell'applicazione web più recente, è comunicare le informazioni in modo chiaro ed efficace al lettore. Uno dei modi migliori per garantire che i messaggi chiave vengano consegnati al lettore è creare un layout di pagina equilibrato.
La progettazione del layout di pagina in genere implica molto posizionamento, riorganizzazione e formattazione degli elementi. Molti designer si avvicinano a questo processo in modo organico, cercando di ottenere un risultato finale piacevole. Sebbene ciò possa portare ad alcuni eccellenti incidenti felici, c'è il rischio che l'utilizzo di una metodologia in formato libero possa comportare una mancanza di equilibrio visivo sulla pagina.
Una buona composizione della pagina dovrebbe essere piacevole alla vista e anche comunicare chiaramente quei messaggi chiave al pubblico previsto. Abbiamo raccolto insieme alcuni suggerimenti importanti per aiutarti a garantire l'equilibrio dei progetti di layout di pagina (sarà utile anche un buon costruttore di siti web). Questi approcci funzioneranno bene per fornire una struttura per l'equilibrio, indipendentemente dal mezzo con cui stai lavorando.
Per ulteriori consigli specifici per il web, consulta la nostra guida alla creazione di layout di siti web perfetti.
01. Usa una griglia
Uno dei modi più semplici per assicurarti che la tua pagina abbia un certo equilibrio è utilizzare un sistema a griglia. Le griglie erano l'unica riserva della pagina stampata, ma negli ultimi anni è stato completato molto lavoro online per aiutare a migrare il concetto di griglia sul supporto digitale.
Utilizzando una griglia per informare la posizione di diversi elementi su una pagina, creerai una connessione tra i diversi elementi che compongono la tua pagina. Questo può aiutare a dare un senso di ordine al tuo layout, fornendo al lettore un chiaro riferimento strutturale su cui ripiegare e aumentando il successo della tua pagina.
Questo è importante perché quando tutti gli elementi della tua pagina hanno una sensazione di connettività tra loro, l'effetto complessivo si sente più a suo agio per il lettore, aiutandolo a metterlo a proprio agio e facilitando il suo accesso alle cose importanti: il contenuto.
02. Scegli un unico punto focale
Uno dei modi più efficaci per fornire un senso di equilibrio è scegliere un unico punto focale per la progettazione del layout. Un buon esempio di ciò nella pratica è l'uso di un'immagine grande come il più grande singolo elemento di una pagina.
Una forte visuale può fornire un modo potente per guidare il lettore nella tua pagina (così come l'analisi esperta del servizio di web hosting ideale), e fornisce anche un utile elemento strutturale attorno al quale disporre il contenuto rimanente nel tuo layout. Se hai più elementi visivi, usa il principio di prossimità della Teoria della Gestalt per raggrupparli insieme, allineandoli allo stesso modo.
Vale anche la pena tenere presente che puoi utilizzare un titolo o una citazione allo stesso modo; un buon titolo del display può offrire tanto interesse visivo quanto un'immagine, pur continuando a fornire la struttura che ti aiuterà a garantire un layout equilibrato.
03. Usa la regola dei terzi
Uno dei modi migliori per fornire un senso di equilibrio è utilizzare la regola dei terzi o la sezione aurea preferita dal designer. In parole povere, la regola dei terzi dice che se dividi la tua pagina in terzi sia verticalmente che orizzontalmente, i punti in cui le linee della griglia si intersecano forniscono i punti focali naturali di una composizione.
Allineando i tuoi elementi chiave a questi quattro punti, otterrai una composizione più piacevole che se, ad esempio, centrassi perfettamente gli elementi sulla tua pagina.
Di per sé, la regola dei terzi non fornirà magicamente l'equilibrio al layout, ma estendendo il principio, è facile utilizzare questa tendenza verso un punto focale naturale per aiutare a determinare l'equilibrio del layout.
Un approccio comune consiste nel posizionare gli elementi più importanti della pagina nel terzo superiore (o inferiore) della pagina, con il punto focale principale allineato in modo da corrispondere a uno degli incroci. Hai molte risorse da archiviare per il tuo sito? Dai un'occhiata a queste opzioni di archiviazione cloud.
04. Usa lo spazio bianco
È normale che i designer alle prime armi utilizzino ogni singolo pezzetto di spazio su una pagina, riempiendo i contenuti fino a riempire ogni spazio vuoto. I più esperti sanno che a volte la parte migliore del design consiste nel tralasciare gli elementi, piuttosto che metterli dentro.
Nel supporto stampato, il modo più comune per utilizzare lo spazio bianco è allargare i margini e i margini della pagina. Sul Web, fornire semplicemente molto spazio per respirare intorno agli elementi può aiutare a rendere il design del layout composto ed equilibrato.
L'utilizzo dello spazio negativo funziona meglio quando si dispone di una struttura chiara che fissa insieme i contenuti (come quella fornita da una griglia), poiché il rischio di spazi bianchi può essere un senso di disconnessione tra gli elementi della pagina se introdotto a casaccio.
05. Ripeti gli elementi di design
La ripetizione può anche fornire un forte senso di design connesso ed equilibrio a una composizione. L'idea è che identificando e riutilizzando un motivo o un trattamento di design in tutto il layout, è possibile fornire un riferimento per il lettore in modo che le aree disparate si sentano collegate e parte della stessa composizione complessiva.
Puoi anche utilizzare questa tecnica per fornire un punto focale nel tuo progetto, pur mantenendo un equilibrio generale, rompendo intenzionalmente lo schema di somiglianza introdotto attraverso la ripetizione.
06. Usa la gerarchia
Uno degli approcci chiave per raggiungere il nirvana del layout di pagina è un chiaro senso di struttura e gerarchia. Abbiamo già toccato la struttura, ma è importante trasmettere anche l'importanza relativa dei diversi contenuti della tua pagina. Un titolo, ad esempio, dovrebbe quasi sempre essere visivamente più importante del contenuto del testo del corpo.
Guarda i diversi elementi che compongono il tuo layout e decidi quale è il più importante. Usa questo elemento per fornire un gancio strutturale per gli elementi rimanenti nella pagina, mantenendolo il più importante.
07. Usa scala, contrasto e armonia
Infine, l'uso della scala può essere un metodo molto efficace per ottenere un buon equilibrio visivo nel layout. Rendendo alcuni elementi più grandi di altri, emergerà un senso di ordine e gerarchia. Questo aiuta a creare un layout confortevole perché lo spettatore guarderà automaticamente prima gli elementi più grandi all'interno del layout, procedendo fino agli elementi più piccoli mentre leggono.
Questo principio funziona anche con un maggiore contrasto, in modo che isolando un elemento sulla pagina tramite il contrasto l'occhio si focalizzerà prima su quel punto. Ciò fornisce un modo per accedere alla pagina e ancora una volta fornisce un utile punto strutturale da cui sviluppare il layout.
Sia la scala che il contrasto funzionano meglio quando si applicano a un elemento, facendolo risaltare dalle altre parti del layout. Usa i principi dell'armonia per far sentire gli altri connessi e accentuare il punto focale.
