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 スタイル アプリを提供する」 »
「プログラミング」カテゴリの記事
- 【.NET / Win8.1 ストアアプリ】 HttpClient で TLS 1.1 / 1.2 に対応するには(2018.06.17)
- 【VS2017 15.7pv2】 XAML のランタイム ツールに 「ヒートマップ」 が増えた(2018.03.28)
- 【.NET Core】 プロジェクトを作ると 「project.assets.json が見つかりません」 エラー(2018.02.10)
- 【#UWP】 ビットマップの表示色を変える (Win2D.uwp 経由で Direct2D を使う)(2017.08.23)
- 【#UWP】 CompactOverlay モード: Picture in Picture というか、「最前面に表示」するウィンドウを作る(2017.08.16)
「* プログラミング ( Metro スタイル )」カテゴリの記事
- 【.NET / Win8.1 ストアアプリ】 HttpClient で TLS 1.1 / 1.2 に対応するには(2018.06.17)
- 【VS2017 15.7pv2】 XAML のランタイム ツールに 「ヒートマップ」 が増えた(2018.03.28)
- 【#UWP】 ビットマップの表示色を変える (Win2D.uwp 経由で Direct2D を使う)(2017.08.23)
- 【#UWP】 CompactOverlay モード: Picture in Picture というか、「最前面に表示」するウィンドウを作る(2017.08.16)
- 【#UWP】 15063用の Acrylic Effect を、ちゃんと実装してみる(2017.08.05)
この記事へのコメントは終了しました。
コメント