Nous sommes le 10 décembre et la nouvelle année est proche. C’est le moment de faire toutes sortes de prévisions pour 2006, notamment pour le design web. Faisons un petit résumé.
Typographie
D’après Cameron Moll, Lucida Grande va continuer à se faire une place dans les pages web et on devrait voir de plus en plus de titres en Helvetica/Arial avec un interlettrage négatif. On verra peut être la montée des polices à empattement et du jeu de police issu de Windows Vista. Il faudra également observer l’utilisation de sIFR, d’effets et de grands caractères pour rendre les titres plus attractifs.
Mise en page
Alessandro Fulciniti et Cameron Moll s’accordent à dire que la mise en page fluide va gagner du terrain et il est probable que les pages à largeur fixe vont plutôt utiliser une résolution de 1024×768 comme référence. Les grilles et les colonnes simples vont se disputer la composition des pages.
Effets graphiques
Coins arrondis, ombres portées, et pointillés continueront à faire la mode sur le web. En revanche, l’avenir est incertain pour les dégradés et l’effet “wet floor” popularisé par Apple. Si on en croit Andy Budd, des effets de transparence subtils devraient pointer le bout de leur nez avec l’arrivée d’Internet Explorer 7 et d’un support plus complet de PNG.
Couleurs
Adam Polselli n’a pas encore fait ses prévisions, mais on peut imaginer que les tons pastel seront toujours là et des couleurs naturelles comme le vert, l’orange ou le bleu devraient progresser. N’oublions pas le noir, intemporel. Black is the new black
Interactions
Aucun doute, Javascript n’est plus détesté et devient hype. Les effets Javascript/DOM conformes aux standards vont rendre les pages un peu plus attirantes et il sera donc nécessaire pour les développeurs de s’y mettre.
Bien évidemment, suivre ces quelques tendances ne suffiront pas pour créer des pages web jolies et utilisables. Il est même tout à fait possible d’aller à contre courant. Soyez créatifs!
Sources:
- Bold predictions for the savvy designer, 2006 edition par Cameron Moll
- 2006 webdesign trends forecast par Alessandro Fulciniti
- Web Design and Development Trends for 2006 par Andy Budd
19 replies on “Tendances pour 2006”
Sympa le petit briefing Mauriz. Cela est-il également annonciateur d’une livraison prochaine de skin de ta part?
Non désolé, rien de tel n’est prévu pour le moment 😉
Est-ce que quelqu’un sait comment va évoluer le Web d’un point de vue programmation? comment vont évoluer les langages de développement web? certains vont s’affirmer? d’autres vont passer aux oubliettes? comment les webstandards pourraient-ils devenir standards? j’entends par là gagner du terrain, devenir plus "mainstream"… Désolé d’être chiant 😉
P.S.: http://www.svay.com/blog/index/2...
Concernant le développement, on voit que les langages et environnements de développement mûrissent. On parle maintenant de programmation objet, pattern MVC, etc. avec Django ou Ruby On Rails. Le PHP s’oriente également vers une approche plus orientée objet. Bref, de quoi faire du développement web une activité réellement professionnelle. On arrêtera peut être de penser que le développement web est un parent pauvre de l’industrie logicielle où n’importe qui fait n’importe quoi.
Concernant les standards du W3C, je n’ai pas la réponse, hélas. S’il y avait une solution ultime pour que tout le monde s’y mette, elle aurait déjà été appliquée ^_^. Plus sérieusement, il s’agit de transformer les pratiques d’une industrie. C’est un travail long, très long. Il faut convaincre les développeurs, les éduquer, fournir de la documentation claire, mettre en place des outils, etc. Des progrès ont été fait dans tous ces domaines depuis quelques années. Il suffit d’attendre encore un peu pour que ce soit la norme.
Très intéressant, certes. Mais serait-il possible aussi d’analyser les prédictions de l’an dernier et de les comparer aux réalités ?
Ca m’a toujours fait râler ce genre de sentences en début d’années, genre "l’été 200n sera orange", et que personne n’a jamais la présence d’esprit de vérifier a posteriori ce qui s’est réellement passé.
Amusant ce genre de guides. Ca permet de faire un site qui soit "in" sans être réellement innovant 😀
Merci Momo pour toutes ses infos ! 😉
Très interressant tout ça, merci d’avoir fait un petit topo sur le sujet. J’étais sur le même point de vue pour les tendances du webdesign pour 2006 mais je n’avais pas du tout pensé au javascript… Bref on verra tout ça sera vrai en 2006. Affaire à suivre 😀
Tu pourrais nous (me) donner ton avis sur les layouts fluides et élastiques,avantages/inconvénients etc. ?
[mode GRRRR]Purée de spam de commentaire….. ça devient dingue en ce moment………….[/mode GRRRR]
Merci pour ces tendances, très pratique pour être au goût du jour!! 😉
Kagou : Pour les layouts fluides, ils ont l’avantage de prendre la page entière (c’est en général l’utilisation de ce type de mise en page) quelle que soit la taille de la fenêtre. Même si ça semble être une bonne idée, il faut se méfier des lignes de texte qui risquent d’être interminables sur de hautes résolutions. Le texte devient alors difficile à lire. A cela, il faut ajouter la difficulté lors de l’utilisation d’images, qui ont généralement une taille fixe.
Pour les layouts élastiques, le problème des textes trop longs est reglé puisque les blocs sont dimensionnés proportionnellement aux caractères. Mais il reste toujours difficile d’utiliser les images sans utiliser des blocs additionnels.
J’espère que ça répond un peu à ta question 🙂
\o/
Mauriz, je crois que Kagou nous faisait un test en double aveugle. On a ga-gné ! 😀
En effet 😀
En fait dans la lignée de l’article de Mauriz j’aurai voulu savoir s’il se dégageait une tendance vers l’utilisation de l’un ou l’autre.
Personnellement l’elastique est celui qui me semble à l’évidence le plus prometteur en terme d’agrément. Le seul problème que je lui reprocherait c’est le fait d’être «fixé» au lancement. C’est à dire que l’utilisateur en 800×600 ou celui en 1024×768 (et plus) n’auront pas le même affichage au lancement contrairement à un design fluide.
A moins qu’il n’existe une astuce…
Kozlika tu as vraiment l’oeil à tout 😉
"Lucida Grande" est une police certe agréable à l’oeil mais assez rare sur la machine du visiteur :
http://www.visibone.com/font/Fon... (20% des PC/win).
Cette police est libre ? Je ne la trouve que en version payant. Même interogation pour "Helvetica"
Dans ce cas il suffit d’utiliser Lucida Sans Unicode (similaire) qui atteint 74%.
Sinon, il me semble que Lucida est une police Apple et Helevtica une police Linotype.
Merci pour cette précision.
Un design « HIVER2005 »
Voici le temps venu de jeter un coup d’oeil r?ospectif sur les cr?ions prim? « Hiver 2005 ». De nettes tendances se font ressentir dans la sph? du web.
oui et sous linux ? elle ne doit pas y etre d’office non plus, ou pas dans toutes les distrubutions du moins !
dommage, mais la compatibilité d’abord ! 😉
Les tendances actuelles du design web
Je viens de lire un article int?ssant de Ben Hunt sur les tendances actuelles en mati? de design web. D’apr?l’auteur, et je partage son avis, on n’a jamais fait aussi bien qu’en 2006. Les concepteurs de sites ma?isent de plus en plus leur sujet.