フォーム テンプレートでの色、フォント、および画像の使用に関するガイドライン

重要:  この記事は機械翻訳されています。機械翻訳についての「免責事項」をお読みください。この記事の英語版を参照するには、ここをクリックしてください。

フォーム デザイナは、フォーム テンプレートの動作だけでなく、フォーム テンプレートの外観にも注意を払うことが重要です。色を付ける場合でも会社のロゴを追加する場合でも、Microsoft Office InfoPath に用意されているさまざまな方法で、情報を視覚的にわかりやすく整理できます。これにより、フォーム テンプレートを魅力的で、ユーザーが使いやすいものにすることができます。

プロのグラフィック デザイナでなくても優れた外観のフォーム テンプレートを作成できます。フォーム テンプレートにはさまざまなデザイン要素を多く追加しすぎないようにする、これだけ覚えておいてください。さまざまなデザイン要素を多く追加しすぎると、外観が乱雑になります。その代わりに、デザインの目的に合った要素をいくつか選択し、それらを一貫して使用するようにします。このようにすることで、フォーム テンプレートを洗練された、本格的な外観にすることができます。

この記事では、正しいデザインを行っているかどうかを確認できるチェック リストを提供します。

この記事の内容

罫線の色を使用して、網かけの設定] ボックスの一覧を確認します。

フォントとフォントの書式設定を使用するためのリストを確認します。

ロゴやその他の画像を使用する] チェック ボックスの一覧

色、境界線、および網掛けの使用に関するチェック リスト

フォーム テンプレートを見栄えよくする最も簡単な方法の 1 つは、色を使用することです。InfoPath には、あらかじめデザインされた配色パターンが数多く用意されており、これらを使用することで、フォーム テンプレート上の特定のアイテムに対しさまざまな色の組み合わせを適用できます。フォーム テンプレートの背景にも色を適用できます。

さらに、境界線および網掛けを使用することでも、フォーム テンプレートで関心を引くこと、および要素を編成できます。境界線は、コントロール、テーブル、またはテーブルのセルの境界に表示されます。フォーム テンプレートでセクションを分割する場合、境界線は特に便利です。セクションを分割することで、ユーザーはフォームの編成が理解しやすくなります。次の例では、境界線により繰り返しテーブル内のセルが強調されています。

ピンクの境界線でテーブルを繰り返す

コントロールまたはテーブルのセルに網かけを適用すると、その背景色が変更されます。次の図を見ると、各種の網掛けを選択することで、フォーム テンプレート上の追加情報ボックスの外観を変更できることがわかります。

さまざまな網かけ効果をフォームのテーブル セルに適用する

デザインで色を使用する場合、次のガイドラインに従ってください。

ガイドライン

詳細

アイコンの画像

重要な情報を伝達するのに色だけに頼らない。

たとえば、フォーム テンプレートに色分けした凡例を含める場合、テキストによる注釈などの追加のヒントを使用して、使用している色を補足します。ユーザーによっては、限られた配色パターンを使用している場合や、モノクロ ディスプレイのハンドヘルド コンピュータを使用している場合もあります。また、ユーザーが画面読み上げソフトに頼っている場合もあります。画面読み上げソフトでは、色のみで示す情報はほとんど伝わりません。さらに、人口の最大 10% は、一部の色を見分けること、または一部の色を認識することができません。

アイコンの画像

色のコントラストと背景を考慮する。

フォーム テンプレートの背景と前景との間の色のコントラストは必ず大きくします。たとえば、コントロールの背景の色は白または灰色にします。また、フォントを含むテーブル セルの色も白または灰色にします。

アイコンの画像

フォーム テンプレートの背景で色を使用する場合、[背景色と背景画像を印刷する] がオフになっていることを確認する。

ユーザーがコンピュータ画面でフォームを見るとき、背景によってコントラストを強調して関心を引くことができます。ただし、背景に色があると、印刷には適していない場合があります。ユーザーがカラー プリンタを所持していない場合、背景の色をグレースケール、つまり白黒で印刷すると、フォームが読みにくくなる可能性があります。さらに、背景を印刷すると、フォームの印刷に時間がかかる場合や、プリンタのインクまたはトナーを無駄に消費する場合があります。このような理由から、InfoPath では、背景色または背景画像は既定では印刷されないようになっています。

アイコンの画像

網掛けおよび境界線は適切に使用する。

境界線を使用して類似したアイテムをひとまとめにすることができますが、境界線のボックスを多く使用しすぎるとフォーム テンプレートの外観が乱雑になり、全体的な外観が損なわれます。境界線および網掛けを使用することで何を達成したいかに集中し、目的を満たす効果を選択したらそれを一貫して使用します。たとえば、強調する主要な情報に対してのみ境界線を使用します。またはフォームの全体的な編成を明確にする用途にのみ境界線を使用します。

アイコンの画像

別のモニタでフォーム テンプレートを表示し、色に問題がないか確認する。

別のモニタでフォーム テンプレートの色がどのように表示されるかテストする必要があります。たとえば、何人かの仕事仲間にフォーム テンプレートの確認を依頼する、異なる照明条件で色をチェックする、異なるコンピュータ画面設定および異なるプリンタ設定で色を確認する、ということを行います。

アイコンの画像

異なる国および地域では、色が異なる物事を表すということに注意する。

たとえば、一部の国および地域では、赤は死に関連する色です。

ページの先頭へ

フォントおよびフォントの書式設定の使用に関するチェック リスト

テキストの外観を変更すると、主要な情報を強調したり、フォーム テンプレートの全体的な外観を大きく変更できます。たとえば、特定の単語の色およびサイズを調整してヘッダーを作成することで、フォーム テンプレートの編成、およびフォーム テンプレートでの論理的なセクションへの分割ができます。

次の例では、2 種類のフォントが使用されています。1 つは見出し用のフォントで、もう 1 つはフォーム テンプレートのコントロールの内部に表示するテキスト用のフォントです。一般的に、強調のためにフォントをすべて太字にするのは避けてください。ただし、このテクニックは、以下の例に示されているように、見出しおよびその他の短い語句などで控えめに使用する場合は有効です。

テキスト ボックスで見出しやテキストとして使用されるさまざまなフォントの例

1. 見出しのテキストのフォントは 11 ポイントの MS P明朝です。

2. コントロールのテキストのフォントは 10 ポイントの MS Pゴシックです。

デザインで各種フォントおよびフォントの書式設定を使用する場合、次のガイドラインに従ってください。

ガイドライン

詳細

アイコンの画像

テキストが背景色または網掛け領域に対して見やすいかどうか確認する。

テキストが最も読みやすいのは、テキストと背景の間のコントラストが適切な場合です。白の背景に黒のテキストを使用すると、コントラストが最も高くなります。また、暗い色の背景に明るい色のテキストを使用した場合も、適切なコントラストになります。

アイコンの画像

フォーム上のテキストが小さすぎないかどうか確認する。

フォーム テンプレートに細い文字を含める場合や、コントロールにラベルを付ける場合など、場合によっては小さいテキストが必要になります。ただし、ほとんどの場合、多数のユーザーにとってテキストは大きい方がはるかに読みやすいと言えます。

アイコンの画像

フォントおよび文字飾りは適切に使用する。

同じフォーム テンプレートで多数のフォントを使用するのは避けます。多数のフォントを使用すると、乱雑で散漫になります。フォーム テンプレートをシンプルにするために、使用するフォントの数は最大で 3 つまでにするのが適切です。また、漫画で使用されるようなフォントは、ビジネスのフォームでは不適切な印象を与えるので使用は避けます。

アイコンの画像

コントラストの高い配色パターンで表示したとき、テキストが読みやすいかどうか確認する。

視力の弱い一部のユーザーは、コントラストの高い配色パターンを使用して、一部のテキストおよび画像の色のコントラストをコンピュータ画面で高めています。このようにすることで、それらのアイテムを際立たせ認識しやすいようにしています。コントラストの高い各種の配色パターンを使用してフォーム テンプレートをチェックすることで、現在のモードでフォーム テンプレートを使用できるかどうか確認します。コントラストの高い配色パターンをオンまたはオフにする方法については、オペレーティング システムのヘルプ システムを参照してください。

アイコンの画像

テキストが目で追いやすいかどうか確認する。

フォーム テンプレートに多量のテキストが含まれている場合、テキストを目で追いやすくすることでユーザーを補助できます。たとえば、フォーム テンプレートに長いヘルプの指示を含める場合、テキストの大きなブロックではなく、番号付きの箇条書きまたは行頭記号付きの箇条書きを使用します。箇条書きの方が通常は目で追いやすくわかりやすいからです。

アイコンの画像

文字飾りを適切に使用しているかどうか確認する。

太字、斜体、およびその他の文字飾りを使用する場合、控えめに使用します。たとえば、斜体のテキストは通常は画面で非常に読みにくく、さらにフォントによっては斜体にすると非常に読みにくくなるものもあります。同様に、太字のテキストも使いすぎるとテキストの全体的なメッセージが薄れます。

ページの先頭へ

ロゴおよびその他の画像の使用に関するチェック リスト

画像は、フォーム テンプレートをカスタマイズでき、スタイルを追加できるもう 1 つの方法です。たとえば、会社のロゴを追加することで、フォーム テンプレートでブランドを示すことができます。

デザインで画像を使用する場合、次のガイドラインに従ってください。

ガイドライン

詳細

アイコンの画像

画像が会社またはフォーム テンプレートの目的を的確に示しているかどうか確認する。

画像が (会社のロゴなどの) 単なる視覚的なヒントである場合も、(データ表などの) 重要な情報を伝達するものである場合も、見るユーザーがその画像の目的を理解できる必要があります。

アイコンの画像

画像のサイズおよび位置が適切かどうか確認する。

フォーム テンプレート上の画像のサイズおよび位置を確認し、ユーザーがフォーム テンプレートにデータを入力するときに画像が邪魔にならないようにします。

アイコンの画像

画像が文化的に問題のないものかどうか確認する。

たとえば、手のジェスチャを含む写真が攻撃的と受け取られる場合があります。地図および旗の画像も、見る人によっては問題だと受け取られる場合があります。画像に人が含まれる場合、すべての民族を表しているか、両方の性別を表しているか確認します。

アイコンの画像

画像は適度に使用する。

画像を多く含めると、または不必要な画像を含めると、フォーム テンプレートが乱雑で散漫に見えます。その結果、フォーム テンプレート全体の外観と効果が大きく損なわれます。

アイコンの画像

画像に代替テキストが含まれているかどうか、声を出して読み上げたときその代替テキストがわかりやすいかどうか確認する。

代替テキストは、画面で画像を見ることができないユーザーを補助します。たとえば、画面上の情報を読み上げる画面読み上げソフトに頼っているユーザーにとって、またはテキストのみ表示するブラウザを使用して、ブラウザー対応フォーム テンプレートを表示するユーザーにとって、代替テキストは不可欠です。

アイコンの画像

画像が適切なファイル形式で保存されているかどうか確認する。

大きな画像ファイルには、フォームを開くには時間を増やすことができます。特定のファイル形式では、他より大きくいるファイルを作成します。たとえば、 ビットマップ (.bmp) としてファイルを保存またはファイル形式 TIFF (Tagged Image) のファイルが同じJPEG、 GIF、またはPNGファイルとして保存されているファイルよりも大きくします。JPEG 形式では、写真やその他の複雑なイメージ一般に最適です。GIF または PNG 形式は直線の描画、ロゴ、図、グラフ、および図に最適です。

アイコンの画像

画像が著作権で保護されているかどうか確認する。

いろいろな画像がインターネット上で簡単にアクセスできるため、表示される画像を使用したいする必要があります。残念ながら、著作権で保護されている多くのデータ バインド画像とアクセス許可が必要で、フォーム テンプレートを使用することができます。ただし、いくつかのサイト、 Bing イメージ検索の著作権ライセンス フィルターを使用しているときにことができますを使用することがクリップと画像の使用条件に同意している場合に限りなどがあります。

アイコンの画像

重要な情報を伝達するのに画像だけに頼らない。

重要な情報をユーザーに伝達するのに色だけに頼らないのと同様に、画像だけに頼らないようにします。ユーザーによっては、フォーム テンプレート内の画像を見ることができません。たとえば、ブラウザでフォームを表示するとき、処理速度を向上させるためにブラウザの画像表示をオフにしているユーザーがいますし、ユーザーの視力が弱く、画面上の画像を実際に見ることができない場合もあります。

ページの先頭へ

注: 機械翻訳についての免責事項: この記事の翻訳はコンピューター システムによって行われており、人間の手は加えられていません。マイクロソフトでは、英語を話さないユーザーがマイクロソフトの製品、サービス、テクノロジに関するコンテンツを理解するのに役立てるため、こうした機械翻訳を提供しています。記事は機械翻訳されているため、用語、構文、文法などに誤りがある場合があります。

スキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

この情報は役に立ちましたか?

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×