web-dev-qa-db-fra.com

Où puis-je trouver un guide de style pour Metro UI pour les applications Web?

Je suis intéressé par l'interface utilisateur Metro que Microsoft a utilisée pour Windows Phone 7 pour le Web. Je vois que leur site Microsoft.com a été fait avec metro UI récemment.

Je recherche un guide de style et des ressources que je peux utiliser pour créer une application Web basée sur l'interface utilisateur du métro.

42
CodeToGlory
31
Jin

Puissiez-vous jeter un œil au guide de conception "Metro" de Jeff Wilcox pour les développeurs: http://www.jeff.wilcox.name/2011/03/metro-design-guide-v1/

Ce guide n'est pas aussi complet que le PDF fourni par @Jin, mais se concentre sur certains aspects principaux à prendre en compte lors du développement des applications WP7.

10
Dave

Pour un coup d'œil, Jeff Wilcox's "Metro" Design Guide est bon.

Si vous voulez voir un rapport après action, Scott Barnes a écrit sur ses expériences avec Metro.

Le manuel complet intitulé Windows Phone 7 Series UI Design & Interaction Guide est également disponible.

Vous pouvez trouver la vidéo de la chaîne 9 utile.

4
Zian Choy

Vous pouvez trouver cette documentation de Microsoft utile: Téléchargement des ressources de conception pour les applications de style Metro http://msdn.Microsoft.com/en-us/library/windows/apps/hh7004

De plus, j'ai créé une simple maquette PSD Windows 8 Metro disponible en téléchargement ici: http://dribbble.com/shots/301642-Windows-8-Metro-UI-Demo-PSD

3
Paris Vega

Mise à jour # 1 : Ce projet est interrompu, vous pouvez voir à quoi il ressemblait http://www.youtube.com/metrodynamis

Metro Dynamis est un framework UX pour les applications de style Metro en HTML/CSS/Javascript

Avertissement: je suis le créateur de Metro Dynamis.

3
Jose E.

Voici une liste de sites Web de style métro pour vous inspirer: http://teusje.wordpress.com/2011/03/17/web-design-trend-metro-ui/

En outre, vous pouvez jeter un œil à ce modèle de modèle pour créer des sites Web de style comme Metro UI.

3
Jan Verschraegen
2

J'ai trouvé cet article pour une application sur laquelle je travaillais: Tout ce dont vous avez besoin pour créer des sites Web de style Windows 8 Metro UI

1
Fiddy