web-dev-qa-db-ja.com

アクセシビリティと画面の読みやすさのために設計されているフォントはどれですか?

理想的には、ディスプレイで読みやすくするために特別に設計されたものが必要です。アクセシビリティは本当に重要です。

誰かがUnivers/Helvetica Neueにかなり似ている良いウェブフォントを提案していますか?

デフォルトのフォント(Arial、Verdanaなど)の1つを使用することにあまり熱心ではありません。私の理想的な解決策は、古典的なヒューマニストフォントの現代的なカットであるものを使用することです。読みやすさを最優先に設計されたもの。

これが私の現在の考えです:

タイプキャストの選択

7
Stu Seddon

私は特に Open Sans 、 " 特に、印刷、Web、およびモバイルインターフェースでの読みやすさを考慮して設計されています が好きです。"

しかし、数日前にAdobeがリリースした Source Sans Pro は、試してみる価値があるかもしれません。

アドビのオープンソースアプリケーションでのタイプの主な必要性は、これまでのところユーザーインターフェイス内での使用です。アドビが永遠に関心を持つ2つ目の環境は、テキストタイポグラフィの領域です。したがって、デザインの当面の制約は、短いUIラベルでも読みやすいフォントのセットを作成することと、画面上のテキストの長い部分や印刷物を読みやすくすることでした。


[更新]

Rahulが言ったように、すてきなアイデアは、非常に優れた読みやすさを持つように特別に設計されたOSフォントを紹介することです。

  • Androidには Droid Sans および Roboto があります。
  • iOSはHelvetica Neueを使用します。
  • Windows 8はSegoeを使用します。
  • そしてUbuntuは bunt を作成しました。
3

私はこれらの正確な懸念を持つインターフェースに取り組んでいます。非常に明確で小さなサイズで最適化されたものが必要ですが、プラットフォームとの一貫性を保つためにデフォルトとは少し異なり、アプリで指定されています。

Open Sansは素晴らしい選択のように思えましたが、私はモダンな外観が本当に好きですが、大きな問題を見つけました(少なくともGoogleフォントで提供されるOpen Sansに関して)。

FirefoxとChromeではカーニングが異なります。具体的には、Firefoxは文字を少し離れた位置にレンダリングします。これは問題です。文字間隔またはカーニングのプロパティでは修正できません。

したがって、今のところAdobeのソースを使用していません。

1
Jehan

ArialやAmerican Printing House for the Blindが開発したものなど、均一な幅のペンストロークで作成された文字のような悪い目、APHontと呼ばれていると思います

セリフのフォントは良くないのを見てきましたが、セリフとは関係ないと思います。私の古い目では、強い垂直線の間を行き来する細かい曲線のストロークは見えず、枝のない木の幹の森が判読できません。

1
G F Mueden

アクセシビリティに関する多くの標準とガイドラインがあり、それらの多くは、タイポグラフィとテキストの読みやすさに関するデザインの側面を扱っています。あなたの決定を導くのを助けるのに使用することができる対処された領域のいくつかは以下を含みます:

  • 対象者と人口統計を理解する:古典的な例は、大きなサイズでうまく機能するフォントを必要とする高齢者です。そのため、非常にコンパクトに設計され、サイズが適切に変更されない小さなビューポートで読むフォントを選択しないでください。
  • グリフチャートの特定の文字を見る:典型的な例は、文字「B」と数字「8」の違い、大文字「I」、小文字「l」と数字「1」の違いです
  • 文字の間隔とバランスを探します。これにより、文字と単語をグループ化して区別するのに役立つ明確で明確な間隔により、聴衆の読みやすさと読みやすさが向上します。
  • Webセーフフォント:アクセシビリティ特性がよくないデフォルトフォントに戻らない(最近は多くのWebセーフフォントを選択できるため、それほど問題ではない)
1
Michael Lai

サンセリフを適切にカーニングしました。

0
french toast