ホームページ » ウェブデザイン » タイポグラフィ101セリフ対サンセリフ

    タイポグラフィ101セリフ対サンセリフ

    フォントを選択する段階で、デザイナーはしばしば自分自身に尋ねます, “セリフまたはサンセリフ”? 書体の種類を選択する デザインに使用することは、それが大きく影響するので最も重要です。 読みやすさ、ユーザーエクスペリエンス そしてデザインの全体的な美学.

    タイポグラフィの経験がいくらあっても、 常にセリフとサンセリフのジレンマで立ち往生. 私は個人的には、それから抜け出す良い方法は 非常に基本を理解する そしてこれがまさにこの記事が目指していることなのです。.

    次の記事を見てみましょう。 serifフォントとsans-serifフォントの主な違いを強調しています 両者の理解を深めるために.

    セリフはどこから来たのか?

    セリフは 書体のストロークの端に付いた細い細い線. 彼らはローマのローマ人のアルファベットが自分の文章を石に刻むのに使われていたと考えられています。.

    これに普遍的に受け入れられた起源はありませんが タイポグラフィの装飾的な作品, ローマ人は石の上に輪郭を描いた文字を描いていたと信じられています。, それはセリフの作成をもたらしました.

    サンセリフはどうですか?

    一方、サンセリフ、, 文字通り「セリフなし」を意味します. 各コーナーの最後にこれらのぶら下がっているストロークがないフォントはすべて、サンセリフフォントと見なすことができます。.

    これを知っている, セリフとサンセリフのどちらを選択するのか あなたのデザインに影響を与えますか?考慮すべき点がいくつかあります。

    読みやすさ

    読みやすさはしばしば 読者がコンテンツをどの程度簡単に消化できるか. もちろん、ビジョンは通常主観的なものであるため、次のような多くの要因が関係しています。 関心度または読者、およびコンテンツの配置方法 与えられたブロックまたはスペース内.

    テキストを提示する「オールドスクール」の方法は理由でセリフを使用します。あなたは今まで考えましたか ほとんどの新聞がそのコンテンツにセリフ書体を使用する理由? セリフは読みやすいからです。各文字のこれらの小さな装飾的な線は、あなたが線から線へと移動して一緒になる文字をつなぐようにあなたの目を流動的に導きます。 長いテキストを読むと目に負担がかかりません.

    文字間のスペース(スペースに関してはセリフを考慮に入れなければならないので) 読者がお互いからの手紙を容易に識別するためのより多くの余地を与える.

    以下の例を見てください。 セリフフォントを使用すると、読みやすくなります。 文字と単語の間に隙間ができるからです。これにより、ある単語から別の単語に目を移動するのが簡単になります。.

    一方, serifフォントは読みにくくなります 同じ間隔を使用します。これは、各文字の間隔が小さいほど小さいためです。 間隔をあけるときにセリフを考慮に入れる必要はありません.

    読みやすさ

    読みやすさはレタリングの品質と明確さです. これは書体の細部に関するもので、読者がある文字を別の文字と区別するのに役立つので不可欠です。この 可読性とは異なります。後者は主に内容全体に近づくことに関心があるからです。.

    上の画像の場合, ArialのサンセリフのLとIの小文字はほとんど似ています. 単語をタイプすることを想像しなさい “イリノイ州”.

    これが私の主張を強調することです.

    ただし、書体が判読不能な場合は、判読できないことがあります。しかし、次の理由で判読できないように見える判読可能な型の多くの場合があります。 それらがどのように間隔またはスケールされているか その設計目的に関連して.

    Alex Pooleは、どちらが読みやすいかを調べるために、serifフォントとsans-serifフォントを比較した、よく説明された記事を書きました。.

    彼によれば、読みやすさに関しては注意すべき5つの特徴があります。

    • セリフまたはサンセリフ
    • ポイントサイズ
    • Xの高さ
    • カウンター
    • アセンダーとディセンダー

    両サイドを支持する議論に基づいて、プールは結論を出しました。 書体の選択に関して読みやすさに違いはありません. 彼はまた、セリフやそれらの欠如が読みやすさに影響を与える可能性があることを指摘しました しかし違いは測定できない.

    しかし、彼は言った:

    読みやすさの大きな違いは、同じタイプの家族のメンバーの中で簡単に見つけることができます。 セリフ書体とサンセリフ書体の間. X高さ、カウンターサイズ、文字間隔、ストローク幅など、その他の要因もあります。 読みやすさにはセリフの有無よりも重要.

    スケーリングと解像度

    Webデザインのテキストは静的ではありません。画面ごとに異なる可能性があり、スケーラブルである必要があります。これは行われます テキストが読みやすいように 画面サイズにかかわらず.

    この分野では、それは言うのは安全です sans-serifはスケーリングに対してより柔軟であるので戦いに勝ちます. Sans-serifフォントは、小さい解像度で強調と読みやすさを提供するのがはるかに簡単です。 彼らは彼らの詳細の欠如のために汚れを生き残るため.

    画像:時間

    これが素数です セリフの使い方の悪い例. 上のTime Magazineの表紙の一番下の段落を見てください。 流れにくいので読むのが難しい 特にその小さいサイズで。しかし、それがサンセリフに移行したときの効果がどれほど完璧であるかに注意してください。 “ジョナサン・フランツェン”.

    sans-serifフォントが爆破されたときも同じことが言えます。書体の縮尺 その一般的な形を保持し、より認識しやすくする. それで、スケーリングに関しては、サンセリフはより適切に調整されるので、より良いサイズに簡単に適応される傾向があります。 小さいサイズで汚れて大きいもので引き裂く.

    セリフ、またはサンセリフへ?

    それで、質問に対する答えは何ですか?

    まあ、それは明らかなネクタイだと言えます。 sans-serifフォントとserifフォントの選択 最終的には、あなたがテキストを使用する目的に尽きます。. あなたがスタイリングしているテキストがほぼ同じサイズにとどまることになっていたら?それならあなたはもっと読みやすくしたいと思うでしょう セリフはより良い選択になります.

    一方、あなたが作りたいのなら レスポンシブWebサイトのテキスト部分, あなたがあなたのテキストを読むには小さすぎるように見せたくないので、サンセリフフォントを選ぶことは賢明かもしれません.

    画像:GQ

    これらを見てください セリフとサンセリフの両方のフォントを使用するGQ雑誌の表紙. 一般的なコンセンサスは、セリフフォントが正式および印刷物に使用されているということです。, サンセリフが主にWeb上で使用されている間. しかし、このケースでは、両方が使われています、そして気付くならば、それは常にセリフの中にあるカバーモデルの名前です。.

    最後の言葉

    覚えている 一貫性が重要です. フォントの選択は、作成しているデザインの全体的な美しさに合わせる必要があります。あなたはできる 似ている書体を混ぜ合わせる, どの作品を理解するためにそれらをリサイズして手を出してください。しかし、あなたがこれをやっていることを覚えておいてください。 ユーザーはメッセージを理解するだろう そしてあなたのデザインも美的に見える.