Web Design  »  Articoli  »  Web design 

Composizione fotografica e web design

di: Mark Boulton     14 Maggio 2009

Pensate a ieri sera. Eravate di fronte alla vostra TV, guardavate la vostra soap-opera preferita con una bella tazza di the in mano. Avete notato, mentre eravate coinvolti nell'ultimo appassionante triangolo amoroso, che il cameraman ha lavorato duramente per assecondare il movimento naturale del vostro sguardo sullo schermo? Con grande cura ha impostato le singole inquadrature per creare qualcosa di equilibrato e bilanciato.

Pensate ora alla scorsa settimana. Eravate seduti con la vostra fidanzata a guardare una bella partita. Avete notato che il cameraman che inquadra la scena per accompagnare la direzione del gioco? Un giocatore che si muove verso destra sarà sempre inquadrato in modo tale che tale che si trovi sempre all'estrema sinistra dello schermo, avendo così molto spazio in cui muoversi.

Queste due tecniche di inquadratura usate dai nostri cameraman si chiamano 'Looking room', dette anche 'Lead room'. Si definisce looking room lo spazio tra il soggetto (sia esso un giocatore di calcio o una faccia) e il bordo dello schermo. Specificamente, looking room è lo spazio negativo sul lato in cui il soggetto sta guardando o si sta muovendo. La cosa interessante è che si tratta di un concetto non applicabile solo alla fotografia, ai film o alla televisione, ma anche al web design.

Le basi dell'inquadratura

Prima di scendere nei dettagli e di vedere come tale concetto possa essere applicato al web, dobbiamo accennare ad alcuni concetti di base della composizione fotografica.

Molti siti web usano immagini o fotografie per arricchire i contenuti. Ma anche avendo a disposizione fotografie professionali, senza una comprensione minima dell'inquadratura e delle composizione, potete arrecare danni al modo in cui un'immagine viene percepita.

Un modo semplice per rendere interessanti le foto consiste nel riempire l'inquadratura.

Prendiamo questo semplice scatto di un cavallo:

Figura 1 - Cavallo

screenshot

Una cosa davvero semplice. Ma possiamo lavorarci un po'.

Facendo un bel crop e riempiendo così l'inquadratura possiamo immediatamente l'impatto della foto.

Figura 2 - Immagine del cavallo dopo il crop

screenshot

Ho anche aggiunto dello spazio (looking room) alla destra del cavallo. È lo spazio in cui il cavallo potrebbe camminare o muoversi. Da un senso di movimento all'immagine.

Guide Web design

Guida Progettazione siti web

Dall'analisi dei requisiti fino allo sviluppo e alla promozione:...

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Architettura dell'Informazione

L'Architettura dell'informazione è la disciplina che permette di...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti