Blog inspirant depuis 2008
  • Pin It

Nouvelles tendances site web

tendance web

2009-2010 furent des annĂ©es importantes au niveau de la crĂ©ation de nouvelles tendances pour les sites web. Les designers crĂ©s de plus en plus d’interfaces sortant du cadre habituel que l’on est habituĂ© de voir. WordPress y est probablement une des raisons majeures de cette Ă©volution.

Voici un regard sur les tendances créatives et ingénieuses de 2009-2010 qui seront inévitablement à surveiller en 2011.

1. Grunge

Voici une des tendances qui a été utilisée à maintes reprises sur le web en 2009 et 2010. Photos déchirées, textures salies et typographies extravagantes sont de mises dans le courant Grunge. Ce nouveau dynamisme nous permet de sortir du cadre habituel des interfaces propres et bien alignées.

Tendance Grunge 1

Tendance Grunge 2

Tendance Grunge 3


2. Collage/Texture

Les collages Ă©taient partout dans la derniĂšre annĂ©e ! Certains sites ont dĂ©montrĂ© des interfaces trĂšs crĂ©atives (ex: WebDesignerWall) tandis que d’autres sont tombĂ©s dans le cotĂ© clichĂ© de la chose (taches de cafĂ©, utilisation excessive du trombone, photos avec arriĂšre-plan en polaroid…).

Tendance Web Collage 1

Collage 2

Collage 3


3. Utilisation des gros titres

Pour 2011, l’utilisation des grosses en-tĂȘtes dans les pages d’accueils est un must ! Il y a quelques annĂ©es, la mode Ă©tait aux petites Ă©critures dans les sites Flash. DĂ©sormais, laissons place aux belles typographies qui auront un impact incroyable sur vos prochains design web.

Tendance en-tĂȘte 1

En-tĂȘte Web

Web En-tĂȘte


4. Introduisez-vous !

Bonjour ! Mon nom est Louis-Philippe et je bĂątis des sites web ! L’utilisation d’une introduction sur votre page d’accueil est une excellente idĂ©e. Elle met en contexte vos auditeurs dĂšs leur arrivĂ©e sur votre page web.

Introduction 1

Introduction 2

Introduction3


5. Inspirez-vous de la nature

Avec le tournant environnemental des derniÚres années, utilisez votre imagination en vous inspirant de la nature pour créer vos prochaines interfaces.

Nature 1

Nature 2

Nature 3


6. Les sites présentés sur une seule page

De plus en plus utilisĂ©s, les sites web bĂątis sur une seule page vont droit au but. Ils rĂ©pondent facilement Ă  toutes les questions que l’utilisateur se pose lorsqu’il arrive sur un site web. Qui ĂȘtes-vous ? Qu’avez-vous Ă  offrir ? Et comment puis-je vous rejoindre ?

web une page

web une page 2

web une page 3


7. Les grilles exagérées

L’utilisation des grilles exagĂ©rĂ©s sur le web permettent de bien prĂ©senter vos contenus. Que ce soit pour une galerie prĂ©sentant votre portfolio ou pour prĂ©senter les Ă©pisodes d’une webtĂ©lĂ©, les grilles Ă  dimensions exagĂ©rĂ©es seront probablement de plus en plus utilisĂ©es en 2011.

Web grille 1

Web grille 2

Web grille 3


8. L’utilisation des « Sliders »

L’utilisation des sliders a probablement Ă©tĂ© la tendance la plus utilisĂ©e de 2010. La plupart des sites d’entreprises sortis en 2010 ont un slider sur leur page d’accueil et je trouve que ces sites web commencent de plus en plus Ă  ce ressembler. J’espĂšre voir du nouveau sur cette tendance en 2010.

Slider 1

Slider 2

Slider 3


9. Illustrations et peintures

Les interfaces web de type illustrations offrent, d’aprĂšs moi, toujours quelque chose qui sort de l’ordinaire et je croise mes doigts pour voir de plus en plus d’interfaces de ce type en 2011.

Illustration 1

Illustration 2

Illustration 3


10. L’interface officielle de 2009

Il me semble qui si l’on avait Ă  rassembler toutes les interfaces web de 2010, dans la majoritĂ© des cas, nous obtiendrions une interface avec un gros rectangle dans le haut (la plupart du temps, un slider), avec trois ou quatres sous-catĂ©gories dans le bas.

interface 1

interface 2

interface 3


J’aimerais entendre vos opinions et vos commentaires sur quelles seront, d’aprĂšs vous, les grandes tendances web de 2011 ?

22 commentaires

  • Ben | 2010/03/05

    Je suis d’accord avec l’omniprĂ©sence des sliders depuis 2009, les utilisant moi-mĂȘme pour mes sites. Il faut dire que c’est bien pratiques pour mettre en avant certains contenus. Mais c’est vrai aussi que les sites se ressemblent de plus en plus notamment Ă  cause de cela.
    Certains sites essayent de se diffĂ©rencier avec des design originaux, mais on se retrouve souvent avec des sites sur lesquels on ne sait pas trop ou cliquer…

  • Ben | 2010/03/05

    Je suis d’accord avec l’omniprĂ©sence des sliders depuis 2009, les utilisant moi-mĂȘme pour mes sites. Il faut dire que c’est bien pratiques pour mettre en avant certains contenus. Mais c’est vrai aussi que les sites se ressemblent de plus en plus notamment Ă  cause de cela.
    Certains sites essayent de se diffĂ©rencier avec des design originaux, mais on se retrouve souvent avec des sites sur lesquels on ne sait pas trop ou cliquer…

  • Louis_Dea | 2010/03/05

    Je suis d’accord avec toi aussi sur le fait que parfois, lorsque les designers web essaies d’ĂȘtre trop originale, l’ergonomie prend parfois un grand coup.

    Résolution 2010, fusionner originalité & utilisabilité !

  • Louis_Dea | 2010/03/05

    Je suis d’accord avec toi aussi sur le fait que parfois, lorsque les designers web essaies d’ĂȘtre trop originale, l’ergonomie prend parfois un grand coup.

    Résolution 2010, fusionner originalité & utilisabilité !

  • Annie Cournoyer | 2010/03/05

    Je suis beaucoup pour la philosophie « less is more ». À mon avis les gros titre sont beaucoup plus accrocheur qu’une page remplie de cossins et d’endroits ou cliquer.
    L’usager du web est dĂ©jĂ  Ă©tourdi par tout ce qui s’y retrouve. Il me semble qu’arriver sur une page simple et Ă©purĂ©e ça permet de respirer et ça donne le goĂ»t d’y passer plus de temps.

  • Annie Cournoyer | 2010/03/05

    Je suis beaucoup pour la philosophie « less is more ». À mon avis les gros titre sont beaucoup plus accrocheur qu’une page remplie de cossins et d’endroits ou cliquer.
    L’usager du web est dĂ©jĂ  Ă©tourdi par tout ce qui s’y retrouve. Il me semble qu’arriver sur une page simple et Ă©purĂ©e ça permet de respirer et ça donne le goĂ»t d’y passer plus de temps.

  • Louis_Dea | 2010/03/05

    Je suis d’accord avec toi et je verrais trĂšs bien des sites d’entreprises se dĂ©marquer avec ce genre de design.

  • Louis_Dea | 2010/03/05

    Je suis d’accord avec toi et je verrais trĂšs bien des sites d’entreprises se dĂ©marquer avec ce genre de design.

  • Anthony Grolleau-Fricard | 2010/03/06

    Je suis aussi d’accord avec Annie. Je suis assez dans le mĂȘme esprit : le contenu doit ĂȘtre claire, facile Ă  trouver et surtout l’utilisateur ne doit pas se perdre… parfois trop c’est trop.

  • Anthony Grolleau-Fricard | 2010/03/06

    Je suis aussi d’accord avec Annie. Je suis assez dans le mĂȘme esprit : le contenu doit ĂȘtre claire, facile Ă  trouver et surtout l’utilisateur ne doit pas se perdre… parfois trop c’est trop.

  • Sachin | 2010/03/08

    J’aime beaucoup ton rĂ©sumĂ© de l’interface officielle de 2009. Pour ma part, toutes ces tendances sont du dĂ©jĂ  vu et on en utilise tous de plus ou moins grosses parties de celles-ci. Cependant Annie met le doigt sur l’essence mĂȘme du web actuel et trop de fioritures peuvent vite lasser un internaute (de par la surtutilisation?)… MĂȘme moi j’ai des efforts Ă  faire dans ce sens.

  • Sachin | 2010/03/08

    J’aime beaucoup ton rĂ©sumĂ© de l’interface officielle de 2009. Pour ma part, toutes ces tendances sont du dĂ©jĂ  vu et on en utilise tous de plus ou moins grosses parties de celles-ci. Cependant Annie met le doigt sur l’essence mĂȘme du web actuel et trop de fioritures peuvent vite lasser un internaute (de par la surtutilisation?)… MĂȘme moi j’ai des efforts Ă  faire dans ce sens.

  • Djolhan | 2010/03/16

    Effectivement, la tendance 2009 a vu de nombreux slides dans les header, mais ca n’a pas l’air de changer pour 2010. Cela dit, les grosses polices sont pas mal du tout dans ce que tu prĂ©sentes. J’aime beaucoup la partie Illustrations et peintures, c’est la ou l’on trouve le plus de crĂ©ativitĂ© !

  • Djolhan | 2010/03/16

    Effectivement, la tendance 2009 a vu de nombreux slides dans les header, mais ca n’a pas l’air de changer pour 2010. Cela dit, les grosses polices sont pas mal du tout dans ce que tu prĂ©sentes. J’aime beaucoup la partie Illustrations et peintures, c’est la ou l’on trouve le plus de crĂ©ativitĂ© !

  • youyouk | 2010/03/16

    Ce billet est tout simplement excellent, et en français ce qui est assez rare pour le souligner! Merci pour ces conseils et les nombreux exemples parfaitement illustrés!

  • youyouk | 2010/03/16

    Ce billet est tout simplement excellent, et en français ce qui est assez rare pour le souligner! Merci pour ces conseils et les nombreux exemples parfaitement illustrés!

  • Louis_Dea | 2010/03/17

    Moi aussi j’adore les grosses typos. Elles ajoutent quelque chose de unique au style du site web.

    Malheureusement, comme tu as dis, l’utilisation des sliders ne semblent pas diminuer mais plutĂŽt augmenter… C’est facile suivre les tendances et beaucoup plus difficile d’ĂȘtre original 🙂

  • Louis_Dea | 2010/03/17

    Moi aussi j’adore les grosses typos. Elles ajoutent quelque chose de unique au style du site web.

    Malheureusement, comme tu as dis, l’utilisation des sliders ne semblent pas diminuer mais plutĂŽt augmenter… C’est facile suivre les tendances et beaucoup plus difficile d’ĂȘtre original 🙂

  • Djolhan | 2010/03/17

    Le problùme dans tout ca reste aussi les demandes des clients 😉

  • Djolhan | 2010/03/17

    Le problùme dans tout ca reste aussi les demandes des clients 😉

  • Dorianne Deshaies | 2010/10/13

    Un autre exemple: http://www.douteux.org

  • Schönes Lachen bedingt perfekte Versorgung des Gebisses. Vorsorge unter Einsatz von Prophylaxe, Fisurenversiegelung sowie Zahn Verblendungen und durch Licht aushĂ€rtende Keramik haltige KunststoffĂŒllungen schaffen tolle weisse ZĂ€hne. Falls Zahnbehandlu | 2013/12/08

    Mangelhafte Reinigung der Zahntaschen wird mit starkem Risiko zu einer kardiovaskulÀre Erkrankungen assoziiert!

Laisser un commentaire