I 50 background/header più creativi del web
La nuova tendenza del web si basa su background larghi e header con particolari effetti grafici. In questo modo un sito è esteticamente intrigante e, a differenza dei vecchi siti la cui grafica era ben definita nel contenitore generale, è perfetto anche e soprattutto per le nuove risoluzioni widescreen.
In questa selezione ho inserito i siti che, a mio parere, sono un vero inno alla creatività. Che aspettate a prenderne spunto?
1. Marchand de Trucs
Un’atmosfera magica e pittoresca che difficilmente potrete dimenticare. Davvero molto originale, soprattutto nei dettagli del footer.
2. Springtime
Look decisamente primaverile, in questa esplosione di fiori e colori. Molto azzeccato l’utilizzo dei doodles e dei colori, che rendono l’insieme ancora più allegro.
3. Gold Coast Surf School
4. Toucouleur
Effetti grafici molto particolari ed originali.
5. Web designer wall
Un altro background floreale e molto colorato. Molto bello il footer e le texture di carta sparse qua e là.
6. Ebugogo
7. Ali Felski
8. Webdesigner depot
9. Deborah Cavenaugh
10. Matt Mullenweg
11. Taming the Wolf
12. Casio Exilim lab
13. Corvus design
14. Le Bloe
15. Fritz quadrata
16. The Circumference
17. That indie dude
18. Pixel Criminals
19. Radu Ceuca
20. Tennessee Vacation
21. Siena on-line
22. Jason Bradbury
23. Ayaka ito
24. Hugs for monsters
25. Agami creative
26. Northern Classics
27. Istok Pavlovic
28. We are not freelancers
29. Dragon Interactive
30. GoMediaZine
31. Studio 7 designs
32. Phizz
33. Sourcebits
34. K4 laboratory
35. Starbucks coffee
36. Retinart
37. Meagan Fisher
38. Loodo
39. Youlove.us
40. Level 2d
41. Mongolmania
42. Education
43. Dara’s garden
44. Rafael van der Vaart
45. Narfstuff
46. Kulturbanause
47. Peminoz
48. J.R.Velasco
49. Cult-foo
50. Dizzain
Conoscete qualche sito che merita di essere inserito in questa showcase? Segnalatelo!
L'autore
Articoli correlati
Potresti essere interessato anche ai seguenti articoli:
6 commenti
Trackback e pingback
Non ci sono trackback e pingback disponibili per questo articolo
Davvero una bella raccolta. Un altro effetto molto carino è quello nell’header di Dezignus!
Ma lo sai che non avevo mai notato l’effetto? :)
Comunque si, come header è molto grazioso.
Spero che l’autore riesca a leggere questo commento, visto che è un articolo un pò vecchiotto.
Vorrei capire come si può creare un header così ampio che però si adatti a diverse risoluzioni dello schermo.
Ci sono degli accorgimenti particolari di cui tener conto?
Ciao Marco,
per fortuna abbiamo la notifica dei commenti, cosi non li perdiamo anche se vengono inseriti in articoli piu datati. :)
Per quanto riguarda il tuo dubbio, gli accorgimenti di cui tener conto sono gli stessi analizzati in questo articolo, per fare in modo da adattare il layout alle diverse risoluzioni dei monitor.
In sintesi, definiamo una sezione di 960px entro cui devono essere inseriti gli elementi che vogliamo vengano visualizzati da tutti i monitor: il logo, il nome del sito, il menu di navigazione, ecc.. poi, esternamente da questi 960, nello spazio che rimane per arrivare alla risoluzione massima (alcuni disegnano per 1680px, altri per 1900px) puoi inserire tutta la grafica che vuoi, cosi tanto piu’ l’utente avra’ una risoluzione maggiore, tanto piu’ grafico gli apparira’ l’header del tuo sito.
Spero di essere stata chiara, e’ piu’ semplice a farsi che a dirsi!
A presto ;)
Grazie per la risposta, non avevo letto quell’articolo poichè mi sto leggendo tutta la carrellata di post del blog partendo dagli ultimi.
Vediamo se ho capito…
Definisco una sezione madre di larghezza molto ampia, al suo interno una sezione minore contenente la struttura principale del sito, che dovrà essere visibile da tutte le risoluzioni.
Questo però significherebbe che l’immagine “ampia” non sarà visibile completamente da parte di tutte le risoluzioni, giusto?
Anche se non a livello di quelli sopra ho trovato creativo anche questo