UI の作成 (HTML)
Windows ストア アプリに適した UI サーフェスを選ぶ方法、アプリをレイアウトする方法、アプリの UI 用のコントロールとコンテンツを追加する方法について説明します。また、ライブ タイル (スタート画面に表示されるアプリの顔) を作る方法についても説明します。「アプリの機能の概要」には、テンプレート、完全なサンプル アプリ、基本的なアプリ開発を扱ったチュートリアルが用意されているため、スタート地点として最適です。
開始する前に 設計アセットをダウンロードし、設計ガイダンス全体を読んだことを確認してください。主要なトピックは、「Windows ストア アプリの計画」や詳細な UX ガイドラインのインデックスなどです。
Windows ストア アプリ用の優れたユーザー インターフェイスの作成
次のような開始テンプレート、サンプル、ガイダンスを使って、効率よく作業を始めましょう。
- フラット ナビゲーションのテンプレートとサンプル
- 階層型ナビゲーションのテンプレートとサンプル
- アプリ UI の基本サンプル (対話型 UI コントロールのギャラリー サンプル)
次に、独自のアプリ UI を作ったり、いずれかのサンプルを変更して独自にアプリ UI を作る方法について詳しく説明します。
次に、UI を特徴的で印象深いものにします。
第一印象を良くします。