web-dev-qa-db-ja.com

WebアプリケーションのMetro UIのスタイルガイドはどこにありますか?

MicrosoftがWindows Phone 7 for Webに使用しているMetro UIに興味があります。最近、Microsoft.comのサイトでMetro UIが使用されていることがわかります。

Metro UIに基づいてWebアプリを構築するために使用できるスタイルガイドとリソースを探しています。

42
CodeToGlory
31
Jin

Jeff Wilcoxの開発者向け「メトロ」デザインガイドをご覧ください。 http://www.jeff.wilcox.name/2011/03/metro-design-guide-v1/

このガイドは、@ Jinが提供するPDFほど広範囲ではありませんが、WP7アプリを開発するときに考慮すべきいくつかの主要な側面に焦点を当てています。

10
Dave

簡単に見ると、Jeff Wilcoxの "Metro" Design Guide が適しています。

アクション後のレポートを見たい場合は、 Scott Barnes がMetroでの彼の経験について書きました。

Windows Phone 7シリーズUIの設計と操作ガイド というタイトルの包括的なマニュアルも利用できます。

チャンネル9ビデオ が役立つかもしれません。

4
Zian Choy

このドキュメントは、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

3
Paris Vega

更新#1:このプロジェクトは廃止されました http://www.youtube.com/metrodynamis

Metro Dynamis は、HTML/CSS/JavaScriptのMetroスタイルアプリケーション用のUXフレームワークです。

免責事項:私はMetro Dynamisの作成者です。

3
Jose E.

ここにいくつかのインスピレーションを得るためのメトロスタイルのウェブサイトのリストがあります: http://teusje.wordpress.com/2011/03/17/web-design-trend-metro-ui/

また、Metro UIのようなスタイルのWebサイトを作成するために、 このテンプレートフレームワーク を確認することもできます。

3
2

私が取り組んでいたアプリについてこの記事を見つけました: Windows 8 Metro UIスタイルのWebサイトを作成するために必要なすべてのもの

1
Fiddy