« Windows 8 のスタート画面って、壁紙が… | トップページ | Metroスタイル・アプリの開発者が必ず理解しておくべきこと ~ 「信頼できる Metro スタイル アプリを提供する」 »

2012年5月22日 (火)

Metro スタイルアプリのガイドライン一覧 (沢山あるよ~)

Metro スタイルアプリを作ろうとすると、 いままでのデスクトップアプリとは違って、 たくさんのガイドラインがあります。 しかも、 (少なくとも最初のうちは) ガイドラインに沿っていないと、 Store の審査に落っこちるっぽい。 てことで、 ちょっとコードを書いては、 これでガイドラインに合ってるんだっけ、 と MSDN を探すハメに。 で、 いいかげん探すのに飽きたので、 ぐぐって一覧にしとくことにしました。(すぐに RP が出て、 作り直しかもw あと、 XAML と JS の両方があるものは、 XAML の方を掲載)

書いておいてなんだけど、あきれるほど沢山あります。

Windows アプリの証明書の要件
これが一番大事な指針になりますな。

設計ガイド (英語のものもあり)
Metro スタイル アプリの UX ガイドライン
ナビゲーション デザイン
コマンド実行の設計
タッチ操作の設計
可変レイアウトの設計
アプリ コントラクトの一覧

Guidelines (日本語訳があるものもあり)
Guidelines for user interaction 「ユーザー操作のガイドライン」
Guidelines for targeting 「タッチによるターゲット設定のガイドライン」
Guidelines for visual feedback 「視覚的なフィードバックのガイドライン」
Guidelines for Semantic Zoom 「セマンティック ズームのガイドライン」
Guidelines for cross-slide 「クロス スライドのガイドライン」
Guidelines for optical zoom and resizing 「光学ズームとサイズ変更のガイドライン」
Guidelines for panning 「パンのガイドライン」
Guidelines for rotation 「回転のガイドライン」
Guidelines for selecting text and images 「テキストと画像の選択のガイドライン」
Guidelines for snapped and fill views 「スナップされたビューとページ横幅に合わせたビューのガイドライン」
Guidelines for scaling to screens 「画面に合わせたスケーリングのガイドライン」
Guidelines for scaling to pixel density 「ピクセル密度に合わせたスケーリングのガイドライン」
Guidelines for print UI design 「UI 設計の印刷のガイドライン」
Guidelines for developing using proximity 「タップのガイドライン」
Guidelines for developing audio-aware apps 「オーディオ認識アプリの開発のガイドライン」
Guidelines for the camera UI 「カメラの UI のガイドライン」
Guidelines for roaming application data 「アプリのデータのローミングのガイドライン」
Guidelines for app settings 「アプリ設定のガイドライン」
Guidelines for designing a globalized Metro style app 「グローバルな Metro スタイル アプリの設計のガイドライン」
Guidelines or making your app world ready 「アプリを世界対応にするためのガイドライン」
Guidelines for app help 「アプリのヘルプのガイドライン」

Guidelines and checklist (まだ全部英語)
MSDN で "Guidelines and checklist" をタイトルに含む文書をぐぐる
accessibility
app bars
app resources
badges
building a device picker
buttons
checkboxes
clipboard commands
combo box and list box controls
context menus
DatePickers
drag-and-drop animations
edge-based UI animations
file pickers
file types and protocols
FlipView controls
Flyouts
links
list animations
location-aware applications
lock screen tiles
message dialogs
periodic notifications
pointer animations
primitive animations
progress controls
push notifications
radio buttons
Rating control
raw notifications
scheduled notifications
secondary tiles
search
SemanticZoom controls
sharing content
sliders
spell checking
splash screens
text and typography
text input
thumbnails
tiles
TimePickers
toast notifications
toggle switches
tooltips
touch input
transient UI animations
transition animations
using sensitive devices

Quickstart
力尽きたのでリストアップはしませんけど、 タイトルに "Quickstart" を含むものをぐぐると100件以上あります。

|

« Windows 8 のスタート画面って、壁紙が… | トップページ | Metroスタイル・アプリの開発者が必ず理解しておくべきこと ~ 「信頼できる Metro スタイル アプリを提供する」 »

プログラミング」カテゴリの記事

* プログラミング ( Metro スタイル )」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/209349/54775167

この記事へのトラックバック一覧です: Metro スタイルアプリのガイドライン一覧 (沢山あるよ~):

« Windows 8 のスタート画面って、壁紙が… | トップページ | Metroスタイル・アプリの開発者が必ず理解しておくべきこと ~ 「信頼できる Metro スタイル アプリを提供する」 »