
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.









Fil des billets




06/07/2007
06/07/2007
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.
06/07/2007
25/08/2007
25/08/2007
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