it-swarm-ja.com

デザインごとのフォント数

私はWebサイトで作業していて、どの時点で多くのフォントを使用していて削減する必要があるのか​​疑問に思っています。現在、サイト名に使用されている手書きフォント(HF1)、ページタイトルにまったく異なる手書きフォント(HF2)、および- serif font(SF1)本文に使用されています。

現在私は見出しを見ていますが、太字のときにジョージア(SF1)がどのように見えるのが本当に好きではありません。文字が大きく太字の場合、文字が不均衡で重すぎるように見えます。私は引き裂かれている...

  1. それらを太字にせず、本文とは別の方法で区別します。
  2. それらを別のセリフフォント(おそらくAdobeのJenson Pro)にして太字にします。

Jenson Proは見栄えの良いフォントですが、現在、ページ上でフォントに関して多くのことを行っているのではないかと思います。より一般的には、活版印刷でどれだけ離れることができますか?

10
ehdv

これでミニマリストになります。

  1. 単一のフォントファミリーから始めます。つまり、ボールド、コンデンスなどの組み合わせです。たとえば、Google Font APIの PT Sans を参照してください。
  2. さらに追加する場合は、明示的に正当化します。つまり、フォントが追加された理由は、理論的なものだけでなく、機能的な理由もあるということです。
  3. 明らかな機能のバリエーションには、codeや、おそらくロゴで使用されているフォントが含まれます。
  4. 私がこれをすべて言う理由は、フォントが何らかの形で一貫していると、全体的な調和の感覚を伝えるのが簡単になるためです。フォントファミリがすべての作業を行います。

最後に、色とサイズの使用についても同じことが言えます。これらの限られたサブセットも試してください。 Webスタイルガイド には、Webの活版印刷に関する優れた点があります。

11
Julian H

私のグラフィックデザイン教育の間、表現された一般的なルールはデザインあたり3フォントでした。

これには、ロゴのフォントが含まれていました。したがって、ゴッサムのロゴがある場合、それは1です。たとえば、ボディコピーを言います。

それがとにかくそれをする方法です。

5
Aubrey Johnson

自分の好みだけ:HF1が欲しかったら、HF1にこだわってHF2を忘れてしまうと思います。私にとって、なじみのない2つの特殊なフォントに直面するのは不快です。本文については、目立たない、目立たないサンセリフフォントを選択します。IBM^ h ^ h ^ h Helveticaを選択したことで誰も解雇されませんでした。

3
pete142

の中から選ぶ:

  1. ただ一つの書体
  2. ヘッダーにはセリフ書体、その他にはサンセリフ書体、またはその逆

これは、タイポグラフィを扱うための単純ですが効果的な経験則です。もちろん、タイポグラフィについて詳しく学べば学ぶほど、選択肢を細かく作成することができます(経験則を破る)が、これは開始するための良いベースです。

以下も考慮してください。

  • ロゴタイプは例外です(そして1つだけを残す必要があります)が、使用している2つの書体の1つは、ロゴ自体と一緒に見栄えがするはずです。適切なロゴがない場合、このヒントはカウントされません。
  • ページの読みやすさとバランスを目指します。
  • バリエーションを一貫して使用します。たとえば、Webサイト全体で同じ「意味」の太字を使用します。
  • サイズや斜体/太字など、ページのバリエーションを多用しないでください。
  • 異なるブラウザーでのエイリアスの違いに注意してください。
3
Folletto

インターフェースの目的で、私はタイポグラフィに関する厳格で迅速なルールではなく、一貫性に向けて努力します。使用するフォントが一貫した場所で一貫している場合、問題はありません。ルールよりも可読性、明確性、一貫性を優先します。

見栄えを良くすれば完璧になります。

とはいえ、Google、Appleなどのサイトを参照してください。

1
DexterW

最初に、私は以前の提案に同意し、あまり多くのフォントを使用しないようにします。おそらく、両方の用途で同じ「手書き」フォントを見つけようとします! 1ページあたり2〜3フォントが最大です。

あなたの好みの「ジョージア」セリフが不均衡に見えると不平を言うので、私は他のいくつかのオプションがこれまで見落とされてきたと思います:

  1. ヘッダーには別の文字間隔を使用できます。 「文字間隔:0.2em;」 (または同様の値)私のCSSでは、ヘッダーが本文テキストと比較して見栄えがよくなります。

  2. 別のフォントスタックを使用してください! 「font-family: "Didot"、 "Bodoni MT"、 "Century Schoolbook"、 "Niagara Solid"、 "Utopia"、 "Georgia"、 "Times"、 "Times New Roman"、serif; '見出し-これらはすべて、一般的にサポートされているフォントです。 (他を見つけるためのグーグルの「フォントスタック」)。

  3. 上記のすべてが失敗した場合:システムフォントにネイティブの「太字」バージョンが含まれている見出しのフォントを使用します(例:「Arial + Arial Black」または「Century Gothic」のバリエーション)。太字の書体でデザインされたフォントは、「強い」または「太字」でCSSでスタイル設定された通常のフォントよりカーニングの問題が少ない傾向があるため、よりバランスが取れているように見えます。

0
webbeetle

プロジェクトに1つのセリフと1つのsansを選択します。選択時にはそれらのバランスを形成するように注意してください。これは必須です。

バランスのとれたフォントの選択は、バランスのとれたレイアウト設計を意味します。

0
zetareticoli

必要な書体を適切な量使用します。優れたグラフィックデザイナーを雇う以外に、これに対する「ルール」はありません。

0
DA01

2つのHWフォントを統合することについて、ehdvに同意します。それらをそのままにしておくための説得力のある理由がない限り、またはすでにかなり似ている場合は除きます。

見出しについては、見出しを目立たせるために何か他のことをすることをお勧めします。太字が気に入らない場合は、おそらくサイズを大きくして斜体にしますか?私はジョージアが画面上でどのように見えるかについて大ファンですが、あなたのウェブサイトのスタイルに合ったものを選んでください。

それが機能する限り、あなたはそれがタイポグラフィーを望むものなら何でも手に入れることができます。似たようなファミリのさまざまなフォントがたくさんあり、不自然に目立つものがない場合、それは機能します。テキスト->見出し->テキストから移動するときに、読者を不快にしないフォントを選択するだけです。

0
Andrew Shipe