Webデザインでは、ユーザーエクスペリエンスのあらゆる分野を検討する際に、タイポグラフィのテーマが重要です。すべてのWebサイトにはテキストが必要であり、非常に魅力的なレイアウトを構築するために従うことができるガイドラインがあります。グリッドライン、レタリング、フォントの高さ、テキストの間隔、カラースキーム、およびその他の同様のプロパティをすべて考慮に入れる必要があります。. この記事では、Webタイポグラフィの分野について詳しく説明します。私たちは調べます 信頼できるWebページテキストのデザインの背後にある一般的なアイデア. 途中で私はいくつか紹介します 便利なCSS3プロパティ デザイナーはしばしば忘れます. 私は、Webの理論とイデオロギーにもっと焦点を当てるようにしました。これは一般的にデジタルテキストにもっと焦点を当てます、そしてあなたは、Webデザイナーがどのスタイルをどの目的に適用するかを選ぶことができます。コンテキストは常に重要であり、取り組むプロジェクトごとにこれを適切に決定する必要があります。このガイドでは、世界中の活版印刷のイノベーターによる最新のWebトレンドが詰まった参照パケットを検討してください。. 段落を測定する あなたはこの種の測定のためにヤードスティックを破裂させる必要はありません。実際には、タイポグラフィに関する尺度は、ページ上の任意の段落の幅(水平方向)を表します。これは常に議論されるトピックではありませんが、コンテンツの読みやすさに影響します。一般的な経験則として、1行の長さは75〜85文字程度に制限します(必ずしもスペースを含む必要はありません)。. 今、これはいくつかのより広いレイアウトのための少しストレッチのように見えるかもしれません。特にあなたのデザインが流動的で、ユーザーがブラウザウィンドウのサイズを変更するときにそれに適応することを意図しているならば。いつでもCSSを設定できます 最大幅 メインコンテンツdivのプロパティ。ピクセルではなくスケーラブルな単位(パーセント、ems)で余白とフォントサイズをコーディングすることで、あらゆるレイアウト内でこのような柔軟性を実現できます。. 注意すべき最大の測定単位はありません。どのようにして内容を書き、単語を文に書くかは、各行の幅よりもはるかに重要です。しかし、短い文章と比べて長い文章は読みにくくなります。. 一流の説明 設計にあたっては、段落の尺度とともに、次のことについても考慮する必要があります。 一流. その言葉は発音されている “導かれた”, 鉛筆で使用される鉛のような。この名前は、テキストの行間に鉛の細片が配置されていた昔の機械的組版の名前に由来します。. 先導は依然としてWebデザインにおいて非常に重要な概念であり、段落の尺度と密接に関係しています。段落の幅が広くなるにつれて、先導の量を同じだけ増やすか、または テキスト行間のスペース. この余分なスペースは読書をあなたの目でずっとずっと簡単にします. あなたが非常にきつく巻かれたテキストを通してすくうことになっていたならば、あなたはそれが一行に集中するのが難しいのを見つけるかもしれません。このような場合は、CSSでリードの量を増やしてみてください。 行の高さ 財産。あなたはいつも単語の間よりもテキストの行の間にもっと多くのスペースが欲しいです。さもなければあなたのテキストブロックは新聞印刷物として現われるかもしれませんし、読み飛ばすことは非常にユーザーフレンドリーではないでしょう. 堅実なテクニックは、当初必要とされていたよりも多くのスペースを適用し、必要ならばそれを減らすことです。すべてのテキストが同じように作成されるわけではないので、太字、アンカーリンク、下線などの内部書式の異なる段落が必ず必要になります。. ナチュラルフォントサイズを使用する 平均よりも小さいフォントサイズを使用することを選択しているWebサイトはまだいくつかあります。 11px-12pxはもっともっと “スタンダードプロ”...