Ressources webdesign Metro

Ressources pour un webdesign au look Metro

Ressources webdesign Metro

Tendance du webdesign affirmée ou non, les outils disponibles pour donner facilement « un look Metro » à son site web commencent à sortir en masse. Petit point sur les plus utiles d’entre eux.

Rappel constant de la question, faut-il suivre les tendances du web ou non ? Pour ce qui est de la tendance Metro, une chose est sûre, les applications destinées aux plates-formes de Microsoft vont continuer leur développement massif.

Pour faire la promotion de ces applications, pourquoi pas un site dédié au look Metro ? Quoi qu’il en soit, si vous souhaitez vous lancer dans un tel design, j’ai sélectionné pour vous une palette d’outils intéressants :

Vous aussi, créez votre interface web Metro :

Droptiles

Un énorme tableau de bord disponible en open source et dans le style de Metro. C’est du lourd attention, mais le responsive n’est pas prévu.

Outil webdesign Metro

Bootmetro

Un framework CSS au look Metro. Le nombre de styles proposé devrait pouvoir répondre à tout vos besoins. Par contre pas de responsive avec Bootmetro.

Ressources webdesign Metro

Metro UI

Enfin un kit CSS avec la prise en compte des différentes résolutions d’écrans. Metro UI est en effet Responsive et très complet.

Metro UI

Le site Queness.com propose un tutoriel pour créer rapidement un interface Metro avec MetroUI.

CSS3 Microsoft Modern Buttons

Une collection de boutons CSS3 au style Metro, basés sur le Boostrap Twitter.

Outils Metro Webdesign

Modern UI Icons

Des icônes modernes pour vos interfaces en .design pour une exploitation sur le logiciel Expression Design de Microsoft. Concerne ici le développement d’application plutôt que le webdesign, mais c’est toujours une bonne ressource à connaître. (via)

Outil webdesign Metro

Windows 8 Wireframe

Pour créer vos maquettes d’applications ou de site web au look Metro.

Outils webdesign metro

Si vous avez déjà tentez l’aventure Metro, quelle ressource utilisez-vous ? Partagez vos liens !

3 commentaires

Laisser un commentaire :

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

*