Beautiful websites : l’ère du web 2.0
Publié le 13 oct 06 à 13:56 | Catégorie : Design Web | 3 commentaires
Cette semaine nous allons délaisser l’illustration vectorielle pour nous intéresser aux sites web qui caractérisent le mieux la nouvelle vague Internet. On les distingue très facilement, car ils suivent souvent plus ou moins les mêmes codes graphiques.
Cette vague de sites web 2.0 représente une transition importante vis-à-vis de ce qui se faisait avant en terme de web design. Peut-être est-ce dû au fait que l’ordinateur s’est vraiment démocratisé ? Les prix attractifs font qu’on achète ou change plus souvent de machine aujourd’hui. Cela offre du coup de nouvelles possibilités en terme de taille de page, car les machines récentes disposent d’écrans plus larges et de résolutions plus élevées. Donc fini les sites en 800×600 !
Par ailleurs, le pourcentage d’adoption de l’ADSL étant très important, cela autorise plus de largeur vis-à-vis du poids des images. En effet, les limitations qui existaient avant ont sauté avec l’avènement du haut débit. Les pages web sont plus lourdes. Il suffit d’aller faire un tour sur des sites grand public comme Yahoo (200 ko), Le Monde (330 ko) ou encore TechCrunch (530 ko !) pour le vérifier.
Et du coup, avec moins de contraintes, les sites ont pris des allures différentes, en empruntant certains des principes suivants :
- Une page centrée et très aérée
- Un design à l’horizontale avec une présentation très large
- Des titres énormes
- Quelques effets 3D ou d’ombrage
- Des couleurs très vives
- Une utilisation massive de dégradés de couleurs
- Des effets graphiques dynamiques
Goowy et Ziki ont par exemple une présentation très claire et espacée, toute en largeur :
Feed Rinse et Dosize utilisent quant à eux des gros titres :
Chez Carbonmade et Cork’d, c’est plutôt coloré :
Et il est maintenant courant d’avoir des effets de réflexions sur les logos (voir Traineo ou Fluxiom par exemple) :
Ou des logos en 3D, comme pour Pocket :
Il y a également plein de petites choses que l’on retrouve parfois comme l’appellation beta bien apparente à coté du logo, ou encore des écussons pour accrocher l’attention du visiteur. Si vous voulez découvrir cette nouvelle race de sites, ce site référence quelque uns des plus connus.
A lire également
Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :
- Morceaux Choisis : GoodBarry, Globalzoo, Turning2joomla!, RivalMap et iWeb Square
- Morceaux choisis : FiveRuns, Mr Uptime, Judo Klub Rijeka, Magento et Iconkits
- Morceaux choisis : Church Plant Media, 5pm, E-Space, NetNova et Fetch
- Morceaux Choisis : WiredTree, Outsource Czech, Urbane Blinds, Intereactive et etonDIGITAL
Les visiteurs qui ont vu cette page ont consulté ensuite :
- Beautiful websites: le style hed kandi (268 lectures)
- Best Of (136 lectures)
- Logos & tendances : les flammes et les gouttes d’eau (102 lectures)
A savoir
Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.









3 commentaires à propos de “Beautiful websites : l’ère du web 2.0” :
Les sites sont sympas au niveau du design, mais j’ai du mal avec ce style trop aérés… J’ai l’imprression de ne pas trouver ce que je cherche rapidement. Vieille école sans doute… J’en ai profité pour tester thinkpocket: c’est pas mal. J’aime bien ce classement dans plusieur catégories comme sur google mail. Mais j’ai beaucoup de mal avec ce style de présentation. Je vais pousser le test un peu plus loin quand même.
Stancaiman le 16 octobre 2006 à 23:32 (#1)
Oui, tu me diras ce que tu penses de celui-là. J’ai été fasciné la première fois que je l’ai utilisé, car l’interface est superbe et très dynamique. Mais ensuite j’ai vite déchanté. Déjà il ne fonctionne qu’avec Firefox, donc ça limite un peu l’intérêt de ce genre de site (bookmarks en ligne). Ensuite, il a de grosses lacunes en terme d’utilisabilité. Dommage. Ca ressemble plus à un joli projet étudiant qu’à un vrai site.
Stéphane le 18 octobre 2006 à 09:08 (#2)
Elle sont vraiment sympa ces interfaces web.
J’adore, merci Stéphane.
Pierre
Pierre le 1 mai 2007 à 23:27 (#3)
Ajouter un commentaire