UI の作成 (HTML)

Windows ストア アプリに適した UI サーフェスを選ぶ方法、アプリをレイアウトする方法、アプリの UI 用のコントロールとコンテンツを追加する方法について説明します。また、ライブ タイル (スタート画面に表示されるアプリの顔) を作る方法についても説明します。「アプリの機能の概要」には、テンプレート、完全なサンプル アプリ、基本的なアプリ開発を扱ったチュートリアルが用意されているため、スタート地点として最適です。

開始する前に  設計アセットをダウンロードし、設計ガイダンス全体を読んだことを確認してください。主要なトピックは、「Windows ストア アプリの計画」や詳細な UX ガイドラインのインデックスなどです。

Windows ストア アプリ用の優れたユーザー インターフェイスの作成

次のような開始テンプレート、サンプル、ガイダンスを使って、効率よく作業を始めましょう。

次に、独自のアプリ UI を作ったり、いずれかのサンプルを変更して独自にアプリ UI を作る方法について詳しく説明します。

次に、UI を特徴的で印象深いものにします。

第一印象を良くします。

関連トピック

Windows ストア アプリの計画

アプリ設計のガイダンス

Windows ストア アプリの詳細な UX ガイドライン