web-dev-qa-db-ja.com

文で注意を引くために、太字、斜体、色を使用する必要があるのはいつですか。

以下は、他のフォーラムでの私の署名です。

ドローイング、ペインティング、クラフトに興味がありますか?
Arts and Crafts Stackoverflowプロポーザルにコミットしてください

ここでは表示できませんが、太字で斜体であることに加えて、「描画、絵画、工芸」という言葉フォントの色greenがあります。

文で注意を引くために太字、斜体、色をいつ使用するかを決める方法は?

13
Aquarius_Girl

強調表示は絶対よりも相対的です

非デザイナーは、ハイライトのスタイルハイライトと非ハイライトの関係よりも重要ではないことに気付かないことがよくあります。

ハイライトを作成するには、さまざまな方法があります。 font-color、background-color、サイズ、フォントのバリエーション(イタリック、下線など)、および太さ(「boldness」など)を使用してハイライトを作成できます。

ways to create a highlight

しかし、特定のハイライトアプローチよりも重要なのはそのハイライトと周囲のテキストの関係です。

  • ハイライトが表示される頻度
  • ハイライトと周囲のテキストとのコントラストの程度(フォントサイズ/太さ/色などの違いが大きいほど、ハイライトが目立つようになります)。

一般的に、強調表示は、家、オフィス、または博物館で照明が使用されるのと同じ方法である必要があります。

  • 一部の物理的な領域(美術館など)では、特定のアイテムを強調表示したい場合があるため、アイテムにスポットライトを当てて、周囲の領域を暗くすることは理にかなっています。これは、目立つハイコントラストのハイライトの例です。

  • ユーザーが不必要に気を散らすことなく空間全体を認識して操作する必要がある他の環境(ワークスペースなど)では、照明を使用してすべてを均等かつ中立に照らします。

これらの常識の原則は、テキスト内の強調表示の頻度、分布、および目立ち度を決定するために同様に適用できます。一部のテキスト(小説など)は、テキストの移動/フローからユーザーの注意をそらす可能性があるため、強調表示を使用しません。他のテキスト(ビジネスペーパーなど)は、ハイライトを効果的に使用して、忙しい/気が散る/スピードのある読者のための主要な概念にスポットを当てることができます。

以下は、ハイライト関係が特定のハイライトスタイルよりも重要であることを示す簡単な例です。

enter image description here

最初の例では、強調表示されたテキストは色付き、太字、斜体、背景色ですが、残りのテキストも同様にスタイル設定されているため、強調表示は特に目立ちません。

2番目の例では、強調表示されたテキストのバリエーションは1つだけです。それはサイズです。他の色付け、重み付けなどはありません。しかし、周囲のテキストはプレーンでハイライトの頻度が低いため、ハイライトはよりはっきりと読みやすく目立ちます。

14
tohster

何よりもまず;テキストの強調表示はまばらに使用する必要があります。そうでなければ、それはノイズになり、ユーザーがあなたが伝えようとしているものを得るのを難しくします。記事を書いたクリスチャンホルスト スキャン可能性:Web上のテキストを強調表示する方法 は、10%の強調表示が最大であると述べていますが、限界を超えていると思います。ここでは「少ないほど良い」が適用されます。

ハイライトは次の3つの方法で実行できます。

  • スタイルの変更(太字、斜体、下線)
  • フォントタイプを変更する
  • 色を変える

3つの方法すべてがユーザーに与える影響は異なりますが、一度に2つまたは3つの方法を使用する方法もありますが、お勧めしません。重要な点とそうでない点をユーザーが簡単に理解できるように、1つの強調表示方法に固執します。色、太字、斜体を使用すると、ユーザーは読み続けるのではなく、それが何を意味するのか疑問に思うかもしれません。リンクでないのになぜ青いのですか?緑のテキストは環境と関係がありますか?赤は何かを警告するためのものですか?可能であれば–ハイライト用の色は完全に避け、リンクにのみオフセット色(青)を使用することをお勧めします。

これにより、スタイルとフォントタイプの2つのオプションが残ります。フォントタイプの変更は面白くて興味深いものに見えますが、インラインでは避けてください。見出しに別のフォントタイプを使用することは完全に問題ありませんが、インラインではユーザーの認知的負荷が増えるだけです。

そのため、インラインハイライトの1つの選択肢であるスタイルがあります。太字のテキストは、これが重要であることを非常に明確にしています。イタリックはより微妙であり、このテキストが少し異なることを穏やかにユーザーに知らせるために使用できます。誰かからの引用や吹き出しなど、別のソースからのものである可能性があります。

テキストのブロック全体ではなく、キーワードを強調表示することを忘れないでください。ユーザーが重要なことに集中して、ハイライトをコンテンツの破壊から遠ざけるようにしてください。最後のアドバイスのルール:ハイライトを追加するほど、ハイライトが少なくなります。

5
Benny Skogberg

ボールドとイタリックを使用して強調し、色を付けて感情を具体化します。ボールドイタリックカラーをいつ使用するかを決めるとき、次のガイドラインを使用する傾向があります。

強調、一般:

  • 太字と斜体の使用を strict minimum に制限します。これは、追加の注意要求が認知負荷を高めるためです。すべてが強調されても、何も強調されません。
  • 太字または斜体。それらは常に相互に排他的であると考えてください。
  • 太字や斜体は通常のローマ字と対照的にデザインされているため、読みにくくなります。

セリフフォントでは、やや強調する場合は斜体、強調する場合は太字を使用します。 emphasis-serif

サンセリフフォントの場合は、斜体をスキップします。 Sans serifの斜体フォントには傾斜があります。ほらええ。 emphasis-Sans serif

しかも

  • 英語で使用される外来語は、時々斜体化されている場合とそうでない場合があり、それらがどれほど共通しているかに依存しています。 (bêtenoireandWeltan­schau­ung、not not crois­sant orreésumé)
  • 強調されたテキストの外側の端に隣接する文字(句読点、括弧、括弧、中括弧など)は、強調された書式を取得しません。
  • 一部のフォントには、ボールドスタイルとセミボールドスタイルの両方があります。強調表示にはei­therを使用できます。太字はコントラストが大きくなりますが、半太字の方が読みやすくなります。賢く選択してください。

、一般

  • 色が少ないほど効果的です。繰り返しになりますが、すべてが強調されても、何も強調されません。
  • 色は、Webのクリック機能を示す慣用的な方法です。そのため、ハイパーリンクの文には色を使用してください(アンダーラインの有無にかかわらず)。
  • Protip:画面上のmak­e本文テキストが黒ではなく濃い灰色。画面は紙よりもコントラストが大きく、完全なコントラストで読むほうが刺激的です。これは、スクリーンが光を直接放出することで色を生成するのに対し、紙は周囲の光を吸収して再反射することで色を生成するためです。

しかも

  • 人間の目は、暗い色よりも明るい色を簡単に区別できます。このため、Paintストアでは、白が50色、黒が2色しかありません。したがって、明るい色を使用している場合は、穏やかな調整を行ってください。暗い色には、より大きな調整が必要です。
  • 赤は何百年もの間、タイポグラフィで人気のある2番目の色です。最も鮮やかな赤を得るには、古いプリンターのトリックを使用します—少しオレンジにします。
  • グラデーションは上手く使用できますが、上手く使用できません。物理的な世界では、目に見えるほとんどの色は本質的にグラデーションです。なぜなら、どんな方向性のある光も明るさの変化を生み出すからです。したがって、タイプの場合、背景のグラデーションが明るさを穏やかに変化させることで、自然で自然な光と次元の感覚を与えることができます。

色とタイポグラフィ についてもっと読む。

3
RobSeg

これが私が使う方法です:

  • 太字:急なコントラストではなく、強調が一時的ではなく、後で参照する必要がある場合、または感情が極端に押し出される場合に使用します
  • イタリック:単語が自然に出現して流れに消散するときに使用
  • nderline:文の内訳。複数の単語でセグメントを区別したり、複数のセグメントを互いに近づけたりできるため
  • 引用:表現の選択。これは、造語されたばかりの新しい用語、または皮肉なものです。
0
Ooker