MicrosoftがWindows Phone 7 for Webに使用しているMetro UIに興味があります。最近、Microsoft.comのサイトでMetro UIが使用されていることがわかります。
Metro UIに基づいてWebアプリを構築するために使用できるスタイルガイドとリソースを探しています。
Windows Phoneのユーザーエクスペリエンスデザインガイドライン
関連: Windows Phone UIおよびデザイン言語 on Channel 9(ビデオ)
Jeff Wilcoxの開発者向け「メトロ」デザインガイドをご覧ください。 http://www.jeff.wilcox.name/2011/03/metro-design-guide-v1/
このガイドは、@ Jinが提供するPDFほど広範囲ではありませんが、WP7アプリを開発するときに考慮すべきいくつかの主要な側面に焦点を当てています。
簡単に見ると、Jeff Wilcoxの "Metro" Design Guide が適しています。
アクション後のレポートを見たい場合は、 Scott Barnes がMetroでの彼の経験について書きました。
Windows Phone 7シリーズUIの設計と操作ガイド というタイトルの包括的なマニュアルも利用できます。
チャンネル9ビデオ が役立つかもしれません。
このドキュメントは、Microsoftからの参考になります。Metroスタイルアプリのデザインアセットのダウンロード http://msdn.Microsoft.com/en-us/library/windows/apps/hh7004
また、ここからダウンロードできる簡単なWindows 8 MetroモックアップPSDを作成しました: http://dribbble.com/shots/301642-Windows-8-Metro-UI-Demo-PSD
更新#1:このプロジェクトは廃止されました http://www.youtube.com/metrodynamis
Metro Dynamis は、HTML/CSS/JavaScriptのMetroスタイルアプリケーション用のUXフレームワークです。
免責事項:私はMetro Dynamisの作成者です。
ここにいくつかのインスピレーションを得るためのメトロスタイルのウェブサイトのリストがあります: http://teusje.wordpress.com/2011/03/17/web-design-trend-metro-ui/
また、Metro UIのようなスタイルのWebサイトを作成するために、 このテンプレートフレームワーク を確認することもできます。
私が取り組んでいたアプリについてこの記事を見つけました: Windows 8 Metro UIスタイルのWebサイトを作成するために必要なすべてのもの