Webdesign 2.0 et CSS

Les tendances du webdesign en 2006

En cette fin d’année 2006, on découvre sur plusieurs sites une synthèse des sites web dits « 2.0 » , comme la sélection des cinquantes plus beaux sites CSS de Smashing Magazine, ou le top 7 du webdesign de l’année chez Wisdump.

Ces sélections sont très intéressantes, car en les observant, on peut déterminer plusieurs tendances à la fois dans le design web, mais aussi dans la façon de concevoir.

Puisque les listes sont en vogue dans les blogs, voici dix points majeurs, selon moi, du design web en 2006 :


  • Un zeste de couleur, du vert pomme en passant par l’orange, du rouge au violet pour dynamiser la page.
  • Un brin de finesse, avec des jeux d’ombres et des dégradés. Les colonnes ne sont plus alourdies par des encarts, les paragraphes de texte dessinant souvent eux même la structure.
  • De la matière, avec l’utilisation de textures, de motifs ou de photographies, pour que le site occupe l’ensemble de l’écran, la plus part des sites restant encore créés pour une résolution de 800x600 pixels.
  • De l’illustration, avec de larges bandeaux et de grandes icones, trop souvent inspirées du style aqua de Apple
  • Une navigation horizontale, plus intuitive et mieux adaptée au web, beaucoup sous forme d’onglets, comme décrit dans l’article « Sliding Doors of CSS », du site A List Apart
  • Une hierarchisation des contenus, l’utilisation de polices plus grandes, de boutons plus gros, pour plus de lisibilité
  • Une nouvelle forme de navigation « transversale », notamment via les tags, mais aussi grâce à la démocratisation des flux RSS
  • Plus de précision, que ce soit dans les URL, mais aussi dans les images ou les liens, le référencement étant devenu le nerf de la guerre
  • De la simplicité d’utilisation, au niveau des formulaires, de l’interactivité et de la navigation, parfois mêmes épurés à leur maximum
  • Plus de mise en page par tableaux : aujourd’hui on sépare forme et contenu, on utilise les feuilles de styles (CSS), et on produit un code valide aux respectant les standards W3C


Que l’on aime ou pas, il faut s’y faire, l’appellation »Web 2.0», qu’elle soit ironique ou non, fait des émules, et même les grandes marques s’y mettent, comme le site de Gucci.



Commentaires

Couille de loup
06/07/2007
Et oui, vive le web 2.0 et les web deuzeurs
Jérémie
06/07/2007
Web 2.0 How to design Guide
Je suis tombé sur un guide de conception regroupant les meilleures pratiques de design façon « web 2.0», qui complète assez bien les points que j'ai énoncé plus haut. Il est très simple à lire, conçis et plein d'exemples.
art of graffiti
06/07/2007
je croyais qu'on utilisait plus ce terme barbare 2.0 !!! (qui ne veut absolument rien dire et surtout en terme de webdesign ! ) A part pour générer du traffic wink
richard
25/08/2007
Good job, here and there!=
Kate
25/08/2007
<a >frankie j earrings</a> http://www.palomasafricacorinas.com/logs/?q=frankei-j ]frankie j earrings[/URL] about

for more info click to <a >Free Mp3 Mission Impossible</a> http://www.palomasafricacorinas.com/logs/?q=Free-Mp3-Mission-Impossible ]Free Mp3 Mission Impossible[/URL]

where get <a >bliss breathe.mp3 info</a> http://www.palomasafricacorinas.com/logs/?q=blind-dog ]bliss breathe.mp3 info[/URL] ?

about <a >bad otis link information</a> http://www.palomasafricacorinas.com/logs/?q=Bad-Boy/Cascada(Free-Download) ]bad otis link information[/URL]

for more info click to <a >Canaan</a> http://www.palomasafricacorinas.com/logs/?q=CAMERATA ]Canaan[/URL]

<a >Dan Truong Website</a> http://www.palomasafricacorinas.com/logs/?q=Dan-Truong-Website ]Dan Truong Website[/URL] information

about <a >ibrahim tatlises mp3 information</a> http://www.palomasafricacorinas.com/logs/?q=ibrahim-tatlises-downloads ]ibrahim tatlises mp3 information[/URL]

find more about <a >high school musical songs- hindi version here</a> http://www.palomasafricacorinas.com/logs/?q=high-school-musical-songs--hindi-version ]high school musical songs- hindi version here[/URL]
about <a >aca lukas download free</a> http://www.palomasafricacorinas.com/logs/?q=aca-lukas ]aca lukas download free[/URL]

for more info click to <a >adnan sami</a> http://www.palomasafricacorinas.com/logs/?q=adnan-sami ]adnan sami[/URL]


Good site! The fresh actual information.E


Ajouter un commentaire

Commentaires non disponible pour cet article de blog.


Article suivant : Geneviève Gauckler / Around the world

Article précédent : Hugo Basism

Selection de livres design

Sélection de livres design - Typographie vintage à l’ère du numérique

Typographie vintage à l’ère du numérique

Dans un monde où les outils et supports de communication connaissent d'incessants changements, la typographie demeure la base inébranlable de la création graphique.

Elle continue cependant d'évoluer grâce en particulier à des designers graphiques qui, par leur réinterprétation des formes anciennes, façonnent des créations hybrides au pouvoir puissamment évocateur.

Entretien avec

Entretien avec Tabas

Entretien avec Tabas

Cédric Malo, plus connu sous le pseudo de Tabas, travaille à Marseille en tant que graphiste illustrateur freelance depuis 2000.

Depuis quelques années, il collabore avec le festival Marsatac et multiplie les idées originales pour la communication du festival.

Selection Web

100 sites d’inspiration CSS, Flash et webdesign

Inspiration webdesign, CSS et Flash

Que vous soyez graphiste ou directeur artistique, il existe inévitablement un moment ou vous êtes en panne d'inspiration.

Découvrez une liste de 100 site d'inspiration triés par catégories, afin de vous ressourcer de design web originaux et élégants.

Articles récents





Focus

Webdesign inspiration

Webdesign inspiration gallery

Petite sélection des plus beaux sites web regroupé sur Flickr et constamment mise à jour.

Découvrez plus de 1000 exemples de pages triés par tags, couleur ou encore par domaine d'activité.



Découvrez 100 couvertures de livre design

100 Design books covers

Découvrez ainsi dans la suite de l'article, 100 couvertures de livres pour la plus part traitant de design graphique, d'art ou d'architecture.

S'abonner


S'abonner à mon FriendFeed

Follow me on Twitter !

evasion on Facebook

Catégories

Newsletter

Vous pouvez vous inscrire en utilisant le formulaire ci-dessous, et recevoir par e-mail les dernières mises à jour du blog.

Entrez votre email :

Vos suggestions

Envoyez vos suggestions : exposition, portfolio ou tout lien intéressant.

Partenaires