失読症の読者のためのフォントデザインと活版印刷の選択?


8

最近、失読症の読者(OpenDyslexic)のために特別に設計されたフォントを見つけました。それがどのように機能するかを説明します:

文字には重い重みの底があり、各文字に一種の「重力」を追加して、他の文字のように見えるように脳が回転させないようにします。

ここに画像の説明を入力してください

私は疑問に思う:

  • 特に失読症の人を対象としたフォントの背後にある他のデザイン原則はありますか?(そのような設計原則の有効性に関する研究へのリンクは非常に高く評価されます。)
  • テキスト(またはページ)の全体的なブロックを失読症の読者に読みやすくするために使用できるタイポグラフィのヒントはありますか?カーニングを微調整したり、ベースラインを少しランダムに変更したりすることが役立つと思います…

3
私にとっては、テキストのリーディングがタイトではなくゆるい(次の行にジャンプするのが簡単)場合に適しています。カーニングは最高の状態で、タイトとルーズの中間だと思います。タイトとルーズの両方に同じ問題があります(ルーズは私が言うより少し早く問題を作成します)。単語の存在と終了の場所を区別するのは困難です。また、サンセリフフォントが最も読みやすいと思います。私はそれを持っているもの(OS、ウェブサイト、ブラウザなど)の検索機能のヘビーユーザーです。読みにくい場合はすぐに落とします。(時々、改行のないSEサイトで質問が表示されます。即座に無視されます。)
Joonas

1
...私の以前のコメントでは、私は実際に考えてtrackingいましたkerning。カーニング少し重要ではないと思います。
Joonas、2012年

リンクがフォントプレビューにつながることを理解していなかったので、無視しました(長い記事であると想定)。フォントを見た後、読みやすさを向上させるとは思いません(大きなフォントサイズだけが読みやすさを向上させる唯一の要素であると思います)が、それは驚くほど読みやすいフォントです(何かを読むことに集中する前に考えると) 、それはすべて個々の浮動文字のように見えます)。非常に醜いフォント。
Joonas

1
@Joonasこれから間違いなくもっと多くの改行を使用します!すばらしい洞察をありがとう!
Yisela

2
@yisela改行を少し詳しく説明する必要があると感じました。テキストの複数の行を読んでいるときは、ほとんどの場合、読んだ行を単語ごとに最初の単語までさかのぼって次の行に移動する必要があります。そこにいたのは、自分がどこにいたのか簡単に分からなくなったからです。リーディングもこれに影響します。改行を使用すると、追跡する行が少なくなるため、読んでいる内容をより簡単に追跡できます。改行は列と同様の効果があることがわかりました。それはテキストをより読みやすくコンパクトなチャンクに切り分け、読み始めることへの不安を軽減します。
Joonas、2013年

回答:


18

Designing for Dyslexicsという素晴らしい記事があり、3つのパートに分かれています。パート3はタイポグラフィについてです。

  • パート1(失読症、人口規模、影響/影響の定義)
  • パート2(色のコントラストが低く、視覚障害のあるユーザー)
  • パート3(タイポグラフィ、レイアウト、言語スタイル、情報アーキテクチャ、スクリーンリーダー)

これは抜粋ですが、「ハイライト」の一部をトリミングしましたが、記事全体が素晴らしく、読む価値があります。

ディスレクシアにやさしいページをデザインすることは、色のコントラストを減らすだけではありません。プラス面としては、これらの変更がすべてのユーザーのページの読みやすさにプラスの影響を与える可能性があります。

線幅

行の長さが短く、テキストの列が狭いほど、読みやすくなります。テキスト領域のパーセンテージ幅を設定し、CSSでマージンを「0 auto」に設定することを検討してください。すると、ページ幅が画面幅が広いほど比例して大きくなります。

行の高さ

ほとんどのブラウザのデフォルトの行の高さは約1emです。これは通常、テキストの行を密に詰め込みます。行の高さを約1.3emに増やすと、すぐにテキストの長い行が読みやすくなります。

フォントサイズ

テキストが小さいほど、読みにくくなります。フォントサイズを絶対単位で指定すると、ユーザーがブラウザ内でテキストのサイズを変更できなくなります。

フォントフェイス

可能であれば、sans-serifフォントを使用してください。セリフ文字の主なストロークの装飾的な「フック」は、失読症のユーザーに追加の問題を引き起こす可能性があります。単語内の認識可能な文字は、単語全体を「見る」には遠すぎるように見える場合があります。これは、読みやすくするために単語間の間隔が小さすぎることによっても悪化します。

コーポレートセリフフォントを使用する必要がある場合は、文字間隔をわずかに小さくして単語内の文字を近くに配置し、単語間隔を広げて個々の単語間にわずかに大きな間隔を設けることを検討してください。

正当化されるかどうか?

正当化されたテキストは、心地よい視覚効果を生み出します。ただし、個々の単語の間に可変の間隔を導入することにより、テキストの両側にその素敵な直線を実現します。

失読症の読者にとって、それは破滅的となる可能性があります。単語間の不均一なスペースは、無視するのが難しい視覚的な注意散漫を作成します。その結果、読者は繰り返し自分の場所を失います。一見するとあまり魅力的ではありませんが、不当なテキスト。はるかに読みやすいです。

イタリックは控えめに使用する

イタリックフォントがWebページで使用されている場合、個々の文字は、イタリック以外のフォントに比べてわずかにギザギザの線になることがあります。この「ピクセレーション」と「左寄り」が組み合わさると、失読症の人が読みにくくなります。テキストも小さい場合、効果はさらに大きくなります。

イタリックは控えめに使用し、重要な単語については太字のテキストを考慮してください。彼らははるかに読みやすくなります。


「その他」

英国失読症協会のスタイルガイドにもいくつかのガイドラインがあります

失読症の人のための失読症書体

効果的な読み書きのために通常のフォントを読む


悲しいことに、それらの記事へのリンクはなくなりました。幸いにもあなたはすでに顕著な点を抽出したので、この答えはまだ良いです。
マーカスダウニング2018

@MarcusDowning聞いてよかった!(後編)。
Yisela
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.