Web design : l’art de faire un joli slider

Parce que c’est dans l’air du temps, on trouve de plus en plus de sites web ayant un design qui intègre parfaitement des sliders. Souvent sur la page d’accueil d’un site, le slider permet de mettre en avant beaucoup d’informations (sous forme de texte ou bien souvent d’images) sans pour autant surcharger la page.

Il peuvent être fait avec du JQuery (voir l’article parlant d’EasySlider), Mootools voire même en flash pour le dernier de cette sélection. Toute l’astuce réside dans le fait de bien l’intégrer dans la page sans qu’il soit différent du style de la page. Le placement et l’intégration des éléments de navigation du slider sont souvent primordiaux, même si on ne les voit pas au premier abord, l’utilisateur saura où les trouver.

J’ai fait pour vous une petite sélection de design intégrant ces sliders :

http://www.etondigital.com/

http://graphik.fi/

http://www.sketchen.com/

http://www.slidedeck.com/

http://www.utah.travel/utah-maps/

Cette entrée a été publiée dans design, avec comme mot(s)-clef(s) , , . Vous pouvez la mettre en favoris avec ce permalien.

5 reponses a Web design : l’art de faire un joli slider

  1. squirrel dit :

    Merci pour cette liste, j’ai adapté le slider coda pour Spip en plugin, vous pouvez voir une démo sur cette url :

    http://pips.legtux.org/spip.php?article1

    Squirrel :)

  2. Ping : » 3 plugins JQuery pour faire des sliders - JQuery, PHP, html, design… // arnaud-k : un blog de geek

  3. Couss dit :

    Bonjour,
    Il y a un lien mort dans votre page :
    http://www.sketchen.com/
    « Ca compte a été désactivé »

  4. Arnaud-O dit :

    Merci pour ces slider !
    C’est fou maintenant le nombre de possibilité avec tout ça, il y a le choix et niveau design il y a de la qualité.

    j’ai mis un slider aussi sur mon site http://www.arnaud-olivier.fr .

    Après c’est bien d’avoir un slider « jolie » mais le principal reste quand même de faire ressortir des infos pertinentes et de manière facile .

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>