高品質なWebデザイン例とコツ3（文字配置とフォント選びのコツ）

ほとんどのデザイナーは Web サイトの実際のコンテンツを自分で書くことはありませんが、それでもコンテンツの全体的な品質にとって重要です。デザイナーの役割は、コンテンツが読みやすい方法で表示されるようにすることです。フォントを読みやすく、使いやすくする方法はたくさんありますが、何をすべきか、何をすべきではないかに関するルールや規制を示す代わりに、フォントの賢い使用例と分析をいくつか紹介します。

慎重に考慮されたフォントの例
The Netsetter の大きくて美しいフォント
タイトルは Web デザイン、特にブログ デザインにおいて重要です。最近では、タイトルに大きく太字のフォントを使用することが一般的になっています。これを行うことには多くの利点があり、コンテンツの特定のブロックの使いやすさが向上するだけでなく、デザイン内のスペースと構造を整理するのにも役立ちます。 Netsetter はここで素晴らしい仕事をしています。タイトルが大きなフォントとその周囲の多くの空白によって非常に読みやすくなっていることがわかります。

空白と文字間隔
Viget の Web サイトは、Web デザインにとってフォントがいかに重要であるかを示す完璧な例です。ポートフォリオ ページからの以下のスクリーンショットは、大きなフォントがオープン スペースの作成にどのように役立つかをもう一度示しています。このくっきりとした細い線のスタイルでも、広い余白が使われています。もう 1 つの素晴らしい点は、行の高さ [空白] の優れた選択です。行間隔はデフォルト値よりも大幅に大きく設定されており、テキストの読みやすさが大幅に向上します。次回はこのテクニックを自分のデザインで試してみるのもいいかもしれません。

Web Design Ledger、感情に合ったフォント
完璧なフォントを見つけるには、絶え間ない試行錯誤が必要ですが、フォントが表す「感情」に基づいてフォントを選択することもできます。以下の例である Web Design Ledger は、人々にレトロで古風な雰囲気を与えながらも、オープンな感情と現代性に満ちています。彼の成功の鍵は、人々に対応する感情を呼び起こすフォントを選択することにあります。ヘンリー ジョーンズ (サイトのデザイナー) は、タイトルに人気のある伝統的なセリフ フォントであるジョージアを選択し、懐かしいレトロな雰囲気を実現しました。モダンな雰囲気は、タイトルとはまったく異なるフォントから来ています。メイン コンテンツでは、サンセリフの滑りやすいオープン フォントである Helvetica が使用されています。

Web デザインにおけるフォント選択についての迅速な決定
上記の多くの良い例を読んだ後は、将来的にはフォントの選択にもっと慣れてくるはずです。しかし、なぜ彼らはとても気持ちいいのでしょうか？次回は自分のデザインにどのように使用したらよいでしょうか?

読めるでしょうか？
大胆なフォントを試すことを恐れないでください
間隔を考慮しましたか?
スペースは読みやすさに大きな役割を果たします
あなたのフォントは人々にどのような感情をもたらしますか?
フォントの選択が自分のデザイン スタイルに合っていることを確認してください
この分野では注意すべきことがたくさんありますが、私はこの分野の専門家ではなく、よく使われているフォントを評価する方法を学んだばかりです。

上記は、「高品質 Web デザイン: 例とヒント 3 (テキスト配置とフォント選択のヒント)」の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) をご覧ください。