トレーニング
モジュール
Windows 開発プロジェクトに最適なアプリケーション フレームワークを選ぶ - Training
Windows 開発者には、Windows で実行されるアプリケーションを作成するためのさまざまなオプションがあります。 このモジュールでは、Windows 開発に使用できる Windows UI フレームワークを紹介します。 また、アプリケーションに最適なフレームワークを選ぶ方法に関するガイダンスも提供します。
このブラウザーはサポートされなくなりました。
Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。
注意
この設計ガイドは Windows 7 用に作成されており、新しいバージョンの Windows では更新されていません。 ガイダンスの多くは原則として適用されますが、プレゼンテーションと例には 現在の設計ガイダンスは反映されていません。
ユーザーは、Microsoft Windows の他の要素よりもテキストを操作します。 Segoe UI ("SEE-go" と発音) は Windows システム フォントです。 標準フォント サイズが 9 ポイントに増加しました。
Segoe UI フォント。
Segoe UI と Segoe は同じフォントではありません。 Segoe UI は、ユーザー インターフェイスのテキスト文字列を対象とした Windows フォントです。 Segoe は、Microsoft とパートナーが印刷および広告用の素材を作成するために使用するブランドフォントです。
Segoe UI は、親しみやすい、オープンでわかりやすい書体であり、その結果、Tahoma、Microsoft Sans Serif、Arial よりも読みやすさが向上します。 それはヒューマニズムサンセリフの特徴を持っています:その首都の様々な幅(例えば、幅がより似ているヘルヴェティカと比較して狭いEとS、かなり広い);その小文字のストレスとレターフォーム。その真の斜体(多くの産業的なサンセリフのように、"斜め"や斜めのローマ語ではなく)。 書体は、画面と印刷で同じ視覚効果を与えるために意図されています。 それは強い性格や気が散る風変わりなヒューマニズムサンセリフのように設計されました。
Segoe UI は ClearType 用に最適化されており、Windows では既定でオンになっています。 ClearType が有効になっている場合、Segoe UI はエレガントで読みやすいフォントです。 ClearType が有効になっていない場合、Segoe UI は許容されるわずかです。 この要素は、Segoe UI を使用する必要があるタイミングを決定します。
Segoe UI には、ラテン文字、ギリシャ語、キリル文字、アラビア語の文字が含まれます。 他の文字セット用に作成され、使用するために ClearType 用に最適化された新しいフォントもあります。 これには、Meiryo for Japanese、Malgun Gothic for Korean、Microsoft JhengHei for Chinese (繁体字)、Microsoft YaHei for Chinese (簡体字)、ヘブライ語の Gisha、タイ語用の Leelawadee、およびドキュメント用に設計された ClearType コレクション フォントが含まれます。
Meiryo には、Verdana に基づくラテン文字が含まれています。 Malgun Gothic、Microsoft JhengHei、Microsoft YaHei は、カスタマイズされた Segoe UI を使用します。 これらのフォントの斜体バージョンを使用することはお勧めしません。 Malgun Gothic、Microsoft JhengHei、および Microsoft YaHei は、標準スタイルと太字スタイルでのみ提供されます。つまり、斜体の文字は、直立したスタイルを傾斜させて合成されます。 Meiryo には真の斜体と太字の斜体が含まれていますが、これらのスタイルはラテン文字にのみ適用され、斜体のスタイルを適用すると、日本語の文字は直立したままになります。
Meiryo UI と呼ばれる Meiryo のバリエーションは、リボン コマンドのユーザー インターフェイスで推奨されます。
これらの文字セットを使用してロケールをサポートするために、Segoe UI は ローカライズ プロセス中に各ロケールに応じて正しいフォントに置き換えられます。
Windows ベースのプログラムを使用して配布するための Segoe UI やその他の Microsoft フォントのライセンスを取得するには、 Monotype にお問い合わせください。
メモ:スタイルとトーン、ユーザー インターフェイスのテキストに関連するガイドラインは、別の記事で示されています。
従来の文字体裁では、フォントは書体、ポイント サイズ、および属性の組み合わせを表します。 書体はフォントの外観です。 Segoe UI、Tahoma、Verdana、Arial はすべて書体です。 ポイント サイズとは、フォントのサイズを指し、アセンダーの上部からディセンダーの下部まで、内部間隔 (先頭と呼ばれます) を差し引いた値を指します。 ポイントは約 1/72 インチです。 最後に、フォントには太字または斜体の属性を含めることができます。
非公式には、多くの場合、この記事で行われるように、書体の代わりにフォントを使用しますが、技術的には、Segoe UI はフォントではなく書体です。 属性の各組み合わせは一意のフォントです (たとえば、9 ポイントの Segoe UI 標準、10 ポイントの Segoe UI 太字など)。
書体は serif または sans serif です。 Serif は、多くの場合、フォントで文字のストロークを終了する小さなターンを指します。 sans serif 書体には serifs がありません。
通常、閲覧者は、ドキュメント内で本文テキストとして使用されるセリフ フォントを優先します。 セリフは、文書に形式性と優雅さを提供します。 UI テキストの場合、クリーンの外観とコンピューター モニターの解像度が低いほど、sans serif 書体がより適切に選択されます。
テキストは、テキストの輝度と背景の間に大きな違いがある場合に読み取るのが最も簡単です。 白い背景の黒いテキストは、非常に明るい背景に最高のコントラストの暗いテキストを与え、ハイコントラストを提供することもできます。 この組み合わせは、プライマリ UI サーフェスに最適です。
暗い背景の明るいテキストは、コントラストは良好ですが、明るい背景には濃いテキストほど適していません。 この組み合わせは、プライマリ UI サーフェスを基準にして強調を解除するエクスプローラー作業ウィンドウなどのセカンダリ UI サーフェスに適しています。
ユーザーがテキストを読むようにする場合は、明るい背景に濃いテキストを使用します。
テキストでは、次の アフォーダンスを 使用して、その使用方法を示すことができます。
これらのアフォーダンスは、次の意味で組み合わされます。
読み取り専用テキストは、従来は灰色の背景を持ちますが、灰色の背景は必要ありません。 実際、灰色の背景は、テキストが無効になっており、読み取りを推奨しないため、特に大きなテキスト ブロックでは望ましくない場合があります。
障;障のあるユーザーがテキストにアクセスできるようにするためのガイドラインは、1 つの単純なルールに分けることができます。システムのフォント、サイズ、色を常に使用してユーザーの設定を尊重します。
1 つだけの操作を行う場合...
システムのフォント、サイズ、色を常に使用して、ユーザーの設定を尊重します。
開発者: コードから、GetThemeFont API 関数を使用して、システム フォントのプロパティ (サイズを含む) を決定できます。 システムの色は、GetThemeSysColor API 関数を使用して決定できます。
ユーザーのシステム テーマ設定に関して何も想定できないため、次のことを行う必要があります。
プログラムがユーザーの設定を尊重していることを確認する簡単な方法は、異なるフォント サイズとハイ コントラストの配色を使用してテストすることです。 すべてのテキストのサイズを変更し、選択した配色で正しく表示する必要があります。
テキストには、いくつかの使用パターンがあります。
使用法 | 説明 |
---|---|
タイトル バーの文字列 ウィンドウを識別するタイトル バーのテキスト。 |
|
主要な命令 ページ、ウィンドウ、またはダイアログ ボックスでの操作を説明するテキスト。 |
|
2 番目の手順 ページ、ウィンドウ、またはダイアログ ボックスでの操作を説明する補足テキスト。 |
|
標準テキスト ユーザー インターフェイスに表示される通常の (読み取り専用) テキスト。 |
|
強調されたテキスト 太字テキストは、テキストを解析しやすくし、ユーザーが読む必要があるテキストに注意を引くために使用されます。 斜体テキストは、テキストを (引用符ではなく) リテラルで参照し、特定の単語を強調するために使用されます。 |
|
編集可能なテキスト ユーザーが編集できるテキストがボックスに表示されます。 プレゼンテーションの重みを減らすには、編集可能なテキストが選択されている場合にのみボックスを表示できます。 |
|
選択不可のテキスト 無効なコントロールのラベルなど、現在のコンテキストに適用されないテキスト。 無効なテキストは、ユーザー (通常) がテキストの読み取りを気にしないことを示します。 |
|
リンク 別のページ、ウィンドウ、またはヘルプ トピックに移動したり、コマンドを開始したりするために使用されるテキスト。 |
|
グループ ヘッダー リスト ビュー内のアイテムをグループ化するために使用されるテキスト。 |
|
[ファイル名] ファイル名のテキスト (コンテンツ ビューのみ)。 |
|
ドキュメント テキスト (ui テキストではなく) ドキュメントで使用されるテキスト。 |
|
ドキュメントの見出し 文書内の見出しとして使用されるテキスト。 |
|
Pattern | テーマ記号 | フォント、色 |
---|---|---|
|
CaptionFont |
9 pt. 黒 (#000000) Segoe UI |
|
MainInstruction |
12 pt. blue (#003399) Segoe UI |
|
命令 |
9 pt. 黒 (#000000) Segoe UI |
|
BodyText |
9 pt. 黒 (#000000) Segoe UI |
|
BodyText |
9 pt. 黒 (#000000) Segoe UI、太字または斜体 |
|
BodyText |
9 pt. 黒 (#000000) ボックス内の Segoe UI |
|
無効 |
9 pt. ダーク グレー (#323232) Segoe UI |
|
HyperLinkText |
9 pt. blue (#0066CC) Segoe UI |
|
ホット |
9 pt. 水色 (#3399FF) Segoe UI |
|
11 pt. blue (#003399) Segoe UI |
|
|
11 pt. black (#000000) Segoe UI |
|
|
(なし) |
9 pt. black (#000000) Calibri |
|
(なし) |
17 pt. black (#000000) Calibri |
UI テクノロジ | ターゲット Windows バージョン | 使用するフォントと最適化するフォント |
---|---|---|
Windows Presentation Foundation |
すべて |
WPF テーマ パーツを使用します。 |
Win32 または WinForms |
Windows Vista 以降 |
適切な Segoe UI フォントを使用します。 |
拡張可能なコンポーネントまたは Windows Vista より前 |
Windows XP と Windows 2000 をターゲットにするには、Tahoma にマップされる 8 ポイント MS Shell Dlg 2 擬似フォントを使用します。 以前のバージョンの Windows を対象にするには、8 ポイント MS Shell Dlg 擬似フォントを使用します。これは、Windows 2000 と Windows XP の Tahoma にマップされ、Windows 95、Windows 98、Windows Millennium Edition、Windows NT 4.0 の MS Sans Serif にマップされます。 |
トレーニング
モジュール
Windows 開発プロジェクトに最適なアプリケーション フレームワークを選ぶ - Training
Windows 開発者には、Windows で実行されるアプリケーションを作成するためのさまざまなオプションがあります。 このモジュールでは、Windows 開発に使用できる Windows UI フレームワークを紹介します。 また、アプリケーションに最適なフレームワークを選ぶ方法に関するガイダンスも提供します。