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

注:  最新のヘルプ コンテンツをできるだけ早く、お客様がお使いの言語で提供したいと考えております。 このページは、自動翻訳によって翻訳されているため、文章校正のエラーや不正確な情報が含まれている可能性があります。私たちの目的は、このコンテンツがお客様の役に立つようにすることです。お客様にとって役立つ情報であったかどうかを、このページの下部でお知らせください。 簡単に参照できるように、こちらに 英語の記事 があります。

フォーム デザイナーは、名前を付けてすることが重要フォーム テンプレートにどのように見えるか、しないだけの動作にフォーカスします。色または会社のロゴを追加する場合は、Microsoft Office InfoPath 利息を作成して、フォーム テンプレートが魅力的で使用するユーザーを簡単になるように視覚的に情報を整理するためのいくつかの方法を提供します。

見栄えの良いフォーム テンプレートを作成するグラフィック プロのデザイナーを使用する必要はありません。オーバー ロードのフォーム テンプレートが多すぎる別のデザイン要素では、雑然できるように注意してください。代わりに、デザインの目標を達成するいくつかの要素を選択し、使用してに一貫性のあるフォーム テンプレートに洗練された、本格的な外観を指定します。

この記事では、できるチェック リストでは、デザインを常に右の管理を提供します。

この記事の内容

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

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

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

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

色を使用すると、フォーム テンプレートに視覚的な効果を追加する最も簡単な方法のいずれかです。InfoPath は、フォーム テンプレート上の特定の項目に別の色の組み合わせを適用するときに役立つ多くのデザイン済みの配色パターンを提供します。フォーム テンプレートの背景に色を適用することもできます。

さらに、利息を作成し、線種とページ罫線と網かけの設定を使用して、フォーム テンプレート上の要素を整理できます。枠線は、コントロール、テーブル、または表のセルの境界を説明します。枠線は、フォーム テンプレートのセクションを区別する場合に特に役立ちます。セクションと区別するためには、ユーザーがフォームの構成を理解がのに役立ちます。次の例では、フォーム デザイナーが繰り返しテーブル内のセルを強調するのに罫線を使用します。

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

コントロールまたは表のセルに網かけを適用すると、その背景色が変更されます。次の図の網かけの選択肢をさまざまな方法は、フォーム テンプレートで、追加情報] ボックスの外観を変更できます。

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

デザインの色を使用している場合は、次のガイドラインに留意してください。

ガイドライン

詳細

アイコンの画像

重要な情報を伝えるためだけに色を使用しません。

たとえば、フォーム テンプレートに色分けされた凡例が含まれている場合は、色の使用を補完するなど、テキストのコメントの追加的なヒントを使用します。一部のユーザーがモノクロの表示] を制限付きの配色パターンや使用のコンピューターを使うことがありますかが依存している画面読み上げソフト、めったに色で表されるのみ情報を伝達します。さらに、最大 10%、母集団のでは、一部の色を区別や、一部の色が表示されるが困難ながあります。

アイコンの画像

色のコントラストと背景を検討してください。

色のコントラストが高いフォーム テンプレートの前景ページの背景との間であることを確認します。たとえば、白または灰色の背景を使用して、コントロールの色、またはフォントの色を白または灰色のテーブル セルの色を使用します。

アイコンの画像

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

背景には、ユーザーが自分のコンピューターの画面で、フォームを表示するときにコントラストと利息を作成できます。ただし、背景の色があります、印刷に最適なカラー プリンターがないユーザーと背景の色、グレースケールまたは白黒で印刷することがありますフォーム読みにくくなるため。印刷の背景がフォームにすることがさらに、印刷が遅くとプリンターのインクまたはトナーを無駄にすることがあります。そのため、InfoPath は印刷されませんの背景色または画像既定でします。

アイコンの画像

網かけと罫線を慎重に使用します。

罫線を使用すると、同様のアイテムをグループ化が多すぎるボックスは、複雑なできなくなる、全体的な外観をフォーム テンプレートを作成できます。網かけ、罫線を使用して実行して、[選択を目的に合った効果を一貫性のある使用します。たとえば、重要な情報を強調表示したり、フォームの組織全体を強化する罫線の使用を制限できます。

アイコンの画像

色が異なる台のモニターで、フォーム テンプレートを表示すると表示かまいませんことを確認します。

フォーム テンプレートの色を別のモニターで表示する方法をテストする必要があります。たとえば、フォーム テンプレートを確認または、異なる照明条件での色をチェックして、別のコンピューターの画面とプリンターの設定を試すにいくつかの仕事仲間に確認することがあります。

アイコンの画像

別の点に注意国や地域の色の意味を実際にあります。

例では、一部の国と地域では、赤いでは、終了に関連付けられます。

ページの先頭へ

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

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

次の例では、フォーム デザイナーを使って 2 つの異なるフォント、見出しおよびフォーム テンプレート上のコントロール内に表示されるテキストを設定します。一般に、しないようにしてくださいによる強調すべて大文字に注意してください。この方法は慎重に、使用する場合に作業できるただし、次のような見出しがあり、次の例に示すように、その他の短い語句します。

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

1. 見出しのテキストのフォントは 9 ポイントの Arial できます。

2. コントロールのテキストのフォントは 10 ポイント Verdana できます。

さまざまなフォントとフォントのデザインで書式設定を使用している場合は、次のガイドラインに留意してください。

ガイドライン

詳細

アイコンの画像

テキストが背景の色や影付きの領域をすべて表示されていることを確認します。

テキストが読みがある場合は、テキストと背景のコントラストが適切な簡単な方法です。最高のコントラストを白地に黒のテキストに使用できます。暗い背景に薄い色のテキストには、適切なコントラストも提供します。

アイコンの画像

フォーム上のテキストが小さすぎていないことを確認します。

小さなテキスト場合によっては、フォーム テンプレートで正しく印刷を追加する場合、またはコントロールにラベルを付けるときなど、必要な場合があります。ただし、ほとんどの場合より大きなテキストが閲覧できるユーザーの大多数のはるかに使いやすいします。

アイコンの画像

フォントとフォント効果は慎重に使用します。

同じフォーム テンプレートで多数のフォントを使用しないでください。不快、独立した効果を作成できます。最大の 3 つのフォントを使用して単純な保持することをお勧めします。カートゥーン (cartoon) のフォントは、これらのオプションはないビジネス フォームで検索するためにも、しないようにします。

アイコンの画像

テキストがハイコントラストの配色パターンで表示されると読み上げ可能であることを確認します。

一部のテキストと、コンピューター画面上の画像の色のコントラストを強化するためにハイコントラストの配色パターンを使用する視覚障碍の一部を選択します。これにより、それらのアイテムの簡単に識別します。さまざまなハイコントラストの配色パターンを使用して、フォーム テンプレートがこのモードで使用できることを確認するには、フォーム テンプレートを確認します。ハイコントラストの配色パターンを有効または無効にする方法については、オペレーティング システムのヘルプ システムを参照してください。

アイコンの画像

テキストが scannable かどうかを検討してください。

フォーム テンプレートに大量のテキストが含まれている場合は、テキストが scannable であることを確認して、ユーザーができます。たとえば、フォーム テンプレートのヘルプについては時間がかかる場合は、箇条書きまたは段落番号付きリストの代わりに使うテキストのブロックを大きくためのリストは簡単にスキャンおよび要約、多くの場合

アイコンの画像

適切なフォント効果を使用していることを確認します。

太字、斜体、およびその他のフォント効果は慎重には、まったく使用する場合などに使用します。たとえば、斜体のテキストでは、とてもが読みにくくなる画面で、特定のフォントで使用される場合に特に多くの場合です。同様に、テキストの全体的なメッセージが多すぎる太字が低下します。

ページの先頭へ

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

画像は、別の方法をカスタマイズして、フォーム テンプレートにスタイルを追加することです。たとえば、会社のロゴを含むには、フォーム テンプレートのブランド設定ヘルプことができます。

デザインで画像を使用している場合は、次のガイドラインに留意してください。

ガイドライン

詳細

アイコンの画像

会社や、フォーム テンプレートの目的に、画像を適切に識別することを確認します。

画像 (など、会社のロゴ) だけで視覚的には、(データのグラフ) などの重要な情報を伝達するために使用するかどうか、参加者は、その目的を理解できることを確認します。

アイコンの画像

画像が適切にサイズし、配置されたことを確認します。

いることを確認するフォーム テンプレート上の場所と、画像のサイズ妨げることはありませんユーザー フォーム テンプレートを入力するとします。

アイコンの画像

画像がカルチャ機密性の高いであることを確認します。

たとえば、手ジェスチャを含む写真は不快感を与えるできます。地図とフラグ機密性の高い画像こともできます。イメージには、ユーザーが含まれている場合は、さまざまな ethnicities、両方の性別が表示されているを検討してください。

アイコンの画像

画像を慎重に使用します。

過度や不要な画像を含む、フォーム テンプレートの外観見づらいと雑然と、フォーム テンプレートの全体的な外観と有効性を強化できます。

アイコンの画像

画像には、 代替テキスト、代替テキストが合理的読み上げとことを確認します。

代替テキストを使うと、画面の画像を表示できない人のに役立ちます。たとえば、代替テキストは、画面上の情報を読み出す画面読み上げソフトに依存しているユーザーに、またはテキストのみのブラウザーを使って、 ブラウザー対応フォーム テンプレートを表示する人に便利です。

アイコンの画像

画像が適切なファイル形式で保存されていることを確認します。

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

アイコンの画像

画像が著作権保護ないことを確認します。

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

アイコンの画像

重要な情報を伝達するには、単独で [画像] で、しない依存してください。

ユーザーに重要な情報を伝える色だけでしないでと同様、画像のみを利用する必要があります。ユーザーはできないフォーム テンプレートの画像を表示することがあります。ブラウザーでフォームを表示したときにパフォーマンスを向上させるブラウザーで画像をオフにすることがありますが、画面で実際には、画像が表示されるを防ぐことが障碍のある可能性がありますなどのします。

ページの先頭へ

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

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

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

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

×