Webタイポグラフィ を参照 組み込まれたフォント Webページで。 それはサイトの読みやすさに直接影響を与えるので、それはウェブサイトのデザインの重要な側面です。 多くの人は、 手頃なウェブサイトのデザイン 専門家は注意を払うことを含みません ウェブタイポグラフィ。 ただし、これは間違った概念です。
デザインの作成に時間を費やすだけでなく、Webタイポグラフィにも注意を払う必要があります。 Webのタイポグラフィが貧弱な場合、訪問者はわざわざあなたのデザインを観察することはありません。 手間のかからない方法でWebタイポグラフィを処理するのに役立ついくつかのヒントを提供します。
- デザインごとにXNUMXつの書体を使用する
(多くても)XNUMXつの書体を使用すると、読者はWebサイトを明確に観察できます。 さまざまな書体でコンテンツを配置すると、サイトの外観がめちゃくちゃになる可能性があります。 さらに、異なる段落など、コンテンツのさまざまな部分が無関係であることを訪問者に納得させることができます。
もちろん、読んでいる間、訪問者は不快感の正確な原因を見つけることができないかもしれません。 それでも、彼らはさまざまな書体を含む情報を読むことに慣れていません。 - 見出しを区別する
記事のタイトルは、最初は訪問者の魅力を引き出します。 タイトルがキャッチーだと思ったら、記事の残りの部分に進みます。 これは、タイトルを強調表示する必要があることを意味します。そうすれば、どんな犠牲を払っても読者の注意を引くことができます。 見出しのサイズを大きくすることは、それを強調する最も簡単な方法です。 - 本文コピーのサイズを14ピクセルに設定
最良の結果を得るには、訪問者があなたの体のコピーを快適に読めるようにしてください。 サイズとは別に、他の要因もWebサイトの読みやすさに影響を与える可能性があることは事実です。 それでも、サイズは最も重要な決定要因です。 ボディコピーのサイズを14ピクセルに設定することは素晴らしいアイデアです。 - アンダースコアとイタリックを不必要に使用しないでください
イタリックと下線を不必要に使用して、読者を混乱させないでください。 斜体と下線は、線をより重要視します。 すべての文で斜体と下線を使用すると、訪問者が混乱する可能性があります。
むしろ、必要な場合にのみ、下にある斜体を使用してください。 - テキストの大きなブロックに完全な大文字を使用しないでください
巨大なテキストブロックに完全な大文字を使用することは悪い考えです。 これは、大文字のみで書かれたテキストと比較して、大文字でのみ設定された情報は解釈が難しいという事実によるものです。
必要に応じて情報を小文字と大文字に設定すると、比較的見やすくなります。 さらに、訪問者が情報をより簡単に解釈できるようになります。 - 限られたスペースに大量の情報を詰め込むことは避けてください
サイトの読みやすさを向上させるために、限られたスペースに膨大な情報を無理に収めないでください。 むしろ、見た目がすっきりするように十分なスペースを確保してください。 同時に、テキスト全体がばらばらで無関係に見えるように、過度のスペースを組み込まないでください。 - 背景のコントラストに注意してください
テキストの読みやすさを向上させるために、より大きなフォントサイズを選択した可能性があります。 ただし、情報とその背景のコントラストが低いと、サイトの読みやすさと読みやすさが損なわれます。 一般的な方法は、暗い背景に対して明るいテキストを配置すること、またはその逆です。 衝突する色の使用は絶対に避けてください。 - 画面での使用に最適なフォントを選択する
でさまざまな種類のフォントを利用できます インターネット。 残念ながら、これらのフォントの多くはWebサイトでの使用には適していません。 このため、フォントを慎重に選択することが重要です。 さらに、ヒントテーブルを利用して、さまざまなブラウザで小さいサイズのフォントの外観を確認できます。 - コミックサンズの使用は避けてください
コミックサンズは非常に嫌われているフォントになり、私たちも例外ではありません。 このフォントを使用すると、サイトに幼稚で未熟な魅力がもたらされると強く信じています。これは、訪問者の大多数が気に入らないものです。 それを避けるようにしてください。
アクセス可能なウェブサイトの作成をお楽しみください!
エイデンルセ
こんにちはダイアン。
優れたガイドを共有していただきありがとうございます。 すべてのデザイナーがタイポグラフィの重要性を理解することを願っています。 不適切なタイポグラフィは、ウェブサイトのデザインの失敗の間違いである可能性もあります。 ウェブサイトのデザインに関してはタイポグラフィを最優先し、ウェブデザインが失敗しないようにしたいと思います。 ここであなたが与えたアドバイスは本当に素晴らしく、多くの有用な情報が含まれています。
アンバー
共有していただきありがとうございます。 きっと多くの人がこの点で恩恵を受けるでしょう。
サラ
非常に便利。 私は今、私たちのWebサイトの再設計を検討していますが、古いサイトで約5〜6種類のフォントを使用していたため、見栄えがよくないことに気付きました。
サジェシュ
WebタイポグラフィはWebデザインの重要な側面であり、すべてのデザイナーはWebサイトをデザインする際にこの側面を念頭に置く必要があることに同意しました。
ニシャダ
私が言えるのはすごいことだけです。 フォントスタイルとフォントサイズが重要であることは知っていますが、なぜそれらが重要なのかについてはあまり詳しく知りませんでした。 これをデザインチームに転送し、素晴らしい記事をありがとう。
デイビッド
明確で読みやすく効果的なタイポグラフィをWebサイトに配置すると、訪問者が増えるだけでなく、プロ意識も高まります。
ナターシャ
本文コピーのサイズを14ピクセルに設定しますか? 16〜18ピクセルを使用する方が良いのではないでしょうか、それ以上は150%を使用する必要があります。
ラジェッシュナマセ
状況によって異なりますが、変更して、見栄えがよく読みやすいかどうかを確認してください。
吉田
ええ、私はあなたに同意しますダイアン、ウェブタイポグラフィが必要です。 タイポグラフィを念頭に置いて、自分のサイトをデザインしました。
Stephen Longfield
フォントファミリー: 'franklin_gothic_medium_condRg'; フォントは私のさまざまなウェブサイトで私自身が使用しています。 とボディフォントサイズは.9emを維持しました。 といくつかのウェブサイトで1em。
H1 = 3em
H2 = 2.5em
H3 = 2em
H4 = 1.6em
H5 = 1.2em
ヴィシュヌシャルマ
ええ、私はあなたに同意しますダイアン、ウェブタイポグラフィが必要です。 タイポグラフィを念頭に置いて、自分のサイトをデザインしました。
マンスール バンプラワラ
非常に便利。 私は今、私たちのWebサイトの再設計を検討していますが、古いサイトで約5〜6種類のフォントを使用していたため、見栄えがよくないことに気付きました。
Alex Vetsak
ありがとう、管理者。 非常に完全なブログを使用してください。 この投稿は私にとって役立つので、投稿してくれてありがとう。