I migliori 10 siti web realizzati con la tecnica del Responsive Design

Con la graduale migrazione verso i dispositivi portatili come smartphone, iPad e notebook, i web designer hanno cercato di elaborare progetti web reattivi (responsive) e interattivi adatti a qualsiasi dimensione dello schermo. Di seguito è riportato un elenco dei dieci siti che rispondono ottimamente ai requisiti di dinamicità utilizzando layout flessibili:

1. Lancaster University


Lancaster University

Lancaster University

Premiato con il titolo di ‘sito Responsive del Mese’ nel febbraio 2012 questione di. NET Magazine, il sito della Lancaster University offre una flessibilità senza precedenti specialmente quando vi si accede attraverso i dispositivi mobili come smartphone. Considerando le dimensioni dell’istituzione e la quantità di contenuti, il sito di Lancaster University è lodevole nel suo adattamento ai dispositivi mobili, offrendo una ricca esperienza per gli utenti del sito tramite qualsiasi interfaccia. 

 2. Food Sense


Food Sense

Food Sense

Food Sense è un grande esempio di un layout reattivo che funziona brillantemente su dispositivi portatili come iPad e iPhone. Il sito è basato sul popolare sistema di gestione dei contenuti ExpressionEngine, e visualizza ordinatamente tutto il contenuto sia su un ampio schermo o un dispositivo mobile.

 

3. Breakingnews


Breakingnews

Breakingnews

Breakingnews è un altro esempio di un layout web altamente reattivo e semplice che offre transizioni uniformi e una tavolozza di colore tenue, che fa piacere alla vista. Il layout di pagina si adatta facilmente a qualsiasi larghezza dello schermo, con etichette che mostrano notizie ‘più recenti’ e ‘popolare’ accoppiati con le immagini provenienti da notizie di molteplici sorgenti.

 
4. Illy Issimo

 Illy Issimo


Illy Issimo

Illy Issimo funziona sia su un ampio monitor che su di un elegante dispositivo palmare, gli annunci di caffè sul sito di Illy Issimo forniscono una sensazione rinfrescante e una piacevole esperienza per gli spettatori da qualsiasi interfaccia.


5. 
Sony



Sony

Sony

Sony ha svolto un ottimo lavoro per offrire un design ricco e sensibile, composto da un layout fluido pulito e funzioni, come le notizie disponibili nel calendario, semplificate che sono accessibili attraverso un singolo click sul menu. Il layout si adatta perfettamente a schermi di dimensioni compatte, la visualizzazione di una versione compressa pone l’attenzione sul contenuto effettivo.

 
6. Gravitate Design


Gravitate design

Gravitate design

Il sito dello studio ‘Gravitate Design’ è semplice ma attraente, con un layout pulito utilizzante le giuste combinazioni di colori. Offre una ricca visualizzazione del contenuto su qualsiasi dimensione dello schermo con una navigazione senza problemi e un design piacevole riassunto in una sola parola: eleganza.


7. 
Sasquatch Music Festival 


Sasquatch Music Festival

Sasquatch Music Festival

Sasquatch Music Festival non manca di catturare l’attenzione degli utenti con il suo mix di accattivanti colori, con le immagini e le icone che aprono la via al contenuto. Una caratteristica distintiva di questo sito è che la qualità del testo sotto altamente leggibile mediante ogni dispositivo. 

 8. Clean Air Challenge


Clean Air Challenge

Clean Air Challenge

Clean Air Challenge è un altro esempio di progettazione di siti web interattivi e reattivi con colori vivaci e grafiche accattivanti sotto forma di nuvole che fluttuano sullo sfondo. Con una dimensione dello schermo più piccolo, il sito continua a mantenere il suo immaginario ricco e altre caratteristiche note del responsive design, ad eccezione di un leggero cambiamento nella formattazione del suo menu.


9. Spark Box


Spark Box

Spark Box 

Spark Box è un altro studio di design che ha implementato le sue tecniche sul proprio sito web, ed è riuscito a trovare una disposizione che adatta il contenuto per ogni dimensione dello schermo con solo lievi, mirate, modifiche. Si tratta di un sito web che sa utilizzare al meglio la larghezza disponibile dello schermo, senza far sembrare nulla inappropriato.


10.   
 Forefathers Group


Forefathers Group

Forefathers Group

Forefathers Group è una società di progettazione on-line incentrato sul branding, illustrazione, loghi, copertine degli album, opuscoli e così via. Il layout reattivo e interattivo del sito permette di adattarsi a una varietà di dimensioni dello schermo, con una notevole flessibilità, senza compromettere alcuna delle funzioni.

 

Share this on your favourite social network
Google+