これらは、 7つの簡単なルール プロジェクトまたはクライアントのプロジェクトに特定の種類のフォントを使用するときに使用し、携帯電話で完全に表示されるようにする必要があります。
スペースを与える
あり ラインの流れに影響を与える追加の階層 または段落とについてです 空間階層言い換えると、文字間のスペースは単語間のスペースよりも小さく、単語間のスペースは行間のスペースよりも小さい。 モバイルから完全な読みやすさを得るために、 空間階層に注意を払う必要があります、の文字のスタイルに加えて 単語、行、段落、これは自然光ではさらに重要です。
測定値を取得します
一般的に、良い読書のための測定は約です 65文字。 この測定の物理的な長さ 通常、書体のデザインに依存します と追跡、および使用するテキスト。 65文字がデスクトップブラウザの端まで拡張されているのは不思議ですが、ほとんどすべての携帯電話でこれらの文字は 限界をはるかに超えて伸びる傾向がある、したがって、測定値を減らす必要があります。
緩めて締めます
それらが非常に自由に作られている場合、 単語間のスペースが並び始めます、これは通常「」と呼ばれるものを生じさせます河川"。
モニターの従来の標準は約1.4emですが、 これは画面に対して非常にタイトです、画面上で適切に機能するフォントの重要な特徴は、大きなカウンターです。 彼らはもう少しスペースが必要です 空間階層を維持します。
スイートスポットを探す
各噴水には少なくともXNUMXつのスイートスポットがあり、 それは基本的にサイズの組み合わせです これは画面上で最もよく再現される傾向があり、 アンチエイリアス ブラウザに適用すると、タイプデザインの歪みができるだけ少なくなる傾向があります。
El スイートスポットは、実際には、ほとんどのストロークがピクセルグリッドと整列する傾向があるポイントです。 一般的に、設計者にとっての標準的なアプローチは、 ソースの種類 ベースライングリッドを使用しますが、モバイルに関しては、 代わりに高さ「X」を使用してください、これは文字通り小文字のxの高さです。
ぼろきれをなくさないでください
ぼろきれは、基本的に テキストボックスの境界線; 一般的に、私たちが読んだものは左に揃えられているため、右マージンが不均一になっています。 目がある線で一方の端からもう一方の端にジャンプすると、脳は 次のジャンプまでの角度と距離、すべてのジャンプが一貫して行われ、同じ間隔で配置されている場合ははるかに高速です。 そのため、テキストの左マージンは常にフラットで、すべての行がまったく同じ場所から始まるようにする必要があります。
を使用する場合 正当化されたテキスト 一貫性のない空白が作成されることがよくあります。 正当化されたテキストの主な問題は、使用する長さがはるかに短く、携帯電話でテキストが実質的に読めなくなることです。
コントラストを下げる
ヘッダー テキストの本文の2倍または3倍のサイズになる可能性があります デスクトップ用に設計されています。これは、画面内に非常に多くのテキストがあるために機能します。 ただし、モバイルに関しては、すべてのテキストが非常に目立つわけではなく、 コントラストは非常に誇張される傾向があります.
トラッキングを調整して拡大縮小する
モバイルのフォントサイズを調整するときは、 フォローアップに必要な変更を考慮に入れる、これは基本的に、フォントの各文字に適用される文字間隔です。