Des designs stencils façon Yahoo

Yahoo Stencils examples

Yahoo vient de mettre en ligne des “design stencils“. C’est une liste de petits objets (des calendriers, des boutons, des tableaux, etc) qu’on peut intégrer dans une page web ou dans une maquette d’écran. C’est assez intéressant pour un développeur Web par exemple, car certains de ces designs sont proposés avec le code associé. Ils sont disponibles sous plusieurs formats, donc du SVG (standard), du Visio (Windows), et du OmniGraffle (MacOS), ce qui permet de les intégrer très facilement dans des schémas.

Yahoo calendar design patternPar exemple, un calendrier :

Imaginez que vous deviez créer une page Web avec dans un coin un calendrier. Inutile de re-inventer la roue, le design proposé par yahoo peut très bien faire l’affaire, surtout s’il s’agit d’une maquette.

Le code à intégrer pour faire fonctionner ce calendrier est disponible ici.

Et vous avez même une démo en ligne du résultat final auquel vous pourrez vous attendre.

Il y a d’autres stencils assez intéressants, comme ces stencils spécial pour l’IPhone qui permettent de faire des maquettes d’écran sur un IPhone :

Yahoo IPhone stencils

Il y a aussi des stencils pour Blackberry, etc… mais je suis vraiment étonné de ne pas avoir trouvé de stencils pour faire des maquettes sur téléphone Android de chez Google… bizarre, ça non ? 😀

Share this article on :

Leave a Reply