web-dev-qa-db-ja.com

読みやすくするためにテキスト要素を論理的にグループ化する方法は?

すべて同じ色(つまり、黒)のテキスト要素がある場合、読みやすくするためにテキストを論理的にグループ化する最適な方法は何ですか?

タイトル/件名の見出しのテキストの色を変更する必要がありますか?階層的なグループ化はリストよりも優先されますか?色、形、サイズなどを使用して要素を視覚的に異なるものにできることを理解していますが、それは読みやすさを向上または阻害しますか?ユーザーに視覚的な労力を最小限にして何かを読むように指示することと、ここでコントラストを付けすぎて混乱させることのバランスがよくわかりませんか?

ライブラリ、API、フレームワーク、アーキテクチャ、ツール、ツールキットなどのように、ソフトウェアテクノロジーのグループをサンプルテキストとして例にとります。これらは相互に関連していますが、多少異なります。

2
user9533

よく発行された本-ここで最良の例です。

情報を簡単に認識できる優れた方法が1つあり、それを知っています。ユニークな違いは、インチのポイント数のみです。

たとえば、説明に加えて視覚要素をグループ化する必要がある難しいスキームの場合など、色分けが必要ない場合は、追加のハイライトは不要であるというMFrankに同意します

テキスト情報をフォーマットするには多くの方法があります。

  • 見出し
  • 階層構造
  • アフィニティの原則
  • 使用するフォントセット
  • それらはすべて使用でき、使用する必要があります。それを適用しない主なものは多すぎる。

ご覧のように、私は回答の中で見出し、段落、リスト、ヘルプ情報を少し適用しました。

サンプルテキストを指定すると、コメントや説明の可能性が広がります。

3
denis.efremov

正確に従うかどうかはわかりませんが、セクションごとに異なるカラーコードを使用することを計画している場合は、画面全体に異なるセクションが分散していて、注意を競い合っているケースがあるため、これをお勧めします。それらに関連付けられている色のために他よりも注目を集めています。

ただし、主要な見出しを強調して一貫性を保つために、共通の色/強調表示スキームを使用することをお勧めします。

あなたのテキストが黒であること(そして私はあなたの背景が白であると仮定します)に関して、私は テキストの重いコンテンツのために白の背景に黒 で読み続けます色はユーザーの注意をそらすだけであり、連続的な流れはありません

2
Mervin

ダニエルズが答えた後、私は自分の質問をより明確にし、2つのリンクを見つけました。

One はより一般的なテキストのフォーマットに向けられ、 other はテキストのHTML/CSSフォーマットに向けられました。これも私が探していたものでした。

0
user9533