web-dev-qa-db-ja.com

最も読みやすいフォント

どのフォントが最も読みやすくするかを決定する研究はありましたか?フォントの種類だけでなく、サイズや色にも興味があります。たとえば、濃い灰色は真っ黒よりも良いですか?

眼精疲労も興味深い。私たちの目に最も柔らかいフォントはどれですか?

6
Randomblue

サイズと色については、他の回答で十分にカバーされています。

フォントの選択については、どこから調査したのか思い出せませんが、セリフフォントを使用すると、テキストの大きなブロックを読む方が高速であることを示す調査を読みました。しかし、テキストの短い部分(ラベルや見出しなど)のセリフフォントとサンセリフフォントの間に実際の違いはありませんでした。

これは、ほとんどすべての小説や新聞がセリフフォントで印刷される理由を説明しています。

特定のフォントの場合、私の投票はセリフにはパラティーノ、サンセリフにはヘルベチカに投票します(ただし、個人的な意見ですが)。

5
JohnGB

フォントサイズについて:9ポイントから14ポイントが推奨サイズです-この調査/この表によると:

http://webstyleguide.com/wsg3/8-typography/4a-type-size-legibility.html

2
PhillipW

かなりの量の研究があります。それはすべて、科学的に健全であり、非常に矛盾しており、非常に多くの要因に完全に依存しているため、通常はコンテキスト外です。

とはいえ、より読みやすい決定に導くのに役立つ、タイポグラフィの基本的なルールがあります。

  • 低解像度の画面と小さいタイプでは、xの高さを大きくするとメリットがあります。
  • 行の長さとリーディングを慎重に検討すると、読みやすくなる可能性があります。
  • コントラストがいいです。しかし、多すぎないかもしれません。 (つまり、画面上では、白の灰色のテキストは白の純粋な黒よりも優れています...紙の上では、オフホワイトの紙の黒インクは純白の黒インクよりも優れています)
1
DA01

による:

  • メディア(画面、紙)
  • コントラスト(フォント/背景色/テクスチャ)
  • フォントサイズ(フォントは目的に応じて大きすぎたり小さすぎたりする場合があります)
  • 読者の目(フォントサイズがないと、視覚障害者が読みやすくなります-点字はそうします)
  • テキストの長さ(一部のフォントはより多くのスペースを必要とするため、テキストが長くなります)
  • 利用可能な段落の幅(醜いギャップがたくさんある悪いWord折り返しを引き起こす可能性があります)
  • ターゲットオーディエンス(Arialはプログラムを書くための間違った選択です。プログラマーはOと0の間、およびI、lと1の間を区別できる必要があります。プログラマーのためのテストWord:O01Illegal-ああ、ゼロ、1、大文字i、小文字L)。
0
Aaron Digulla

フォントと背景のコントラストを正しくすることが重要です。コントラストが小さすぎて、明らかにテキストを読むことができません。しかし、コントラストが強すぎると、目が疲れます。特に失読症の人は、白い背景に黒いテキストで苦労することができると思います。

WCAGは最小カラーコントラストガイドラインを提供しますが、最大カラーコントラストをチェックするための同様のツールを提供するためにHPが「使用」したことを覚えています(これはもう見つからないので、古いニュースかもしれません)

フォントの種類について:シナリオによって異なります。 Webフォントの場合、一般的にsans serifフォントの方が優れています。 Verdanaなどのフォントは、特にWeb用に開発されたと思います。どのフォントが「ベスト」であるかに関する研究については、私にはよくわかりません。

WebAimの優れたリソース: http://webaim.org/techniques/fonts/

そして、私はウェブ用のフォントを比較する記事を書いています: http://www.design-by-izo.com/2011/10/18/what-should-i-look-for-in-a-ui-typeface /

0
Sheff