Inserire un’animazione in un sito web è sempre una scelta ardua perché si rischia di distrarre il visitatore con frivolezze praticamente inutili che possono stancare ottenendo risultati deludenti. Sicuramente il portfolio della web agency britannica Youlove.us non fa parte degli esempi da dimenticare dato che con un sapiente uso di javascript (jQuery, per la precisione anche se l’effetto è riproducibile anche con altre librerie) hanno creato un’animazione che coinvolge l’intero layout.
Il menu orizzontale è semplicissimo ma il piatto forte ce lo serve lo scrolling verticale che ci porta nelle varie sezioni: il livello fisso con lo skyline
di una metropoli vede passare il giorno e la notte a seconda di cosa visitiamo del sito. Suggestivo il salto all’elenco lavori che vede passare un sole reso molto bene graficamente per poi finire in un crepuscolo. Anche la sezione contatti, posta come di consueto alla fine, ci immerge nell’oscurità notturna con una luna gigantesca a fare da sfondo.
Il portfolio animato (un one-page-site!) di Youlove.us è un ottimo esempio di web design che fonde un sapiente uso di gradienti a un’animazione che dona quel surplus che poi porta a una visita in più solo per ammirarlo . Bersaglio centrato. Chi ha detto Flash?
Seguici
designerblog è un supplemento alla testata Blogo.it registrata presso il Tribunale di Milano n. 487/06, P. IVA 04699900967. Contatti, Chi siamo, Condizioni di utilizzo, Privacy.
© 2004-2012 Blogo.it, alcuni diritti riservati sotto licenza Creative Commons.
Per informazioni pubblicitarie e progetti speciali su Designerblog.it contattare la concessionaria esclusiva Populis Engage.
MeKino...
29 set 2008 - 12:53 - #1Bello, peccato richieda risoluzione fissa.
A risoluzioni basse l’impaginazione sulla destra crolla del tutto, a risoluzioni alte c’è la ripetizione orizzontale dello sfondo
Un fluid layout ricreato ad hoc in actionscript, sarebbe stato più opportuno, con codice che al caricamento legge le informazioni relative alla grandezza della pagina del browser, richiamando immagini dal server, alla risoluzione adatta, in modo da evitare fastidiose sgranature, ripetizioni di figure, e tutti quei problemi che in casi come questo fanno capolino.
Cmq è un bel “concetto” di pagina unica, le nuvole in penultimo livello ricreano ottimamente un ambiente immersivo.
Finisce nei preferiti
Un lavoro del genere in actionscript avrebbe reso molto di più in termini qualitativi.
Parasite la tua battaglia contro flash, nn da frutti, è inutile stare a minimizzare questo linguaggio, possono convivere tranquillamente ti pare? Perchè puntare il dito contro uno di questi? Rendi solo la vita difficile a persone che hanno dedicato anni di studio per imparare un determinato linguaggio e che si ritrovano col tempo ad affrontare clienti “CHE HANNO SENTITO DIRE” che l’actionscript nn è adatto…
Parasite
29 set 2008 - 12:57 - #2MeKino non è una campagna contro Flash, assolutamente :) è un mio parere. Prometto che cercherò soluzioni geniali in actionscript e non mancherò di parlarne su designerblog ;)
E ripeto, massimo rispetto a chi studia e s’impegna a migliorare!
Tom
29 set 2008 - 15:23 - #3C’è da dire a loro merito che il sito è stato realizzato in maniera interessante anche dal punto di vista del progressive enhancement: i contenuti sono completamente accessibili anche senza js.
Peccato che il sito non sia per niente fluido e richieda troppe risorse: dal computer dove lo sto visitando le immagini di sfondo scrollano in maniera orribile.