効果的な文字レイアウト、フォントの調整

Tweet

[`yahoo` not found]

Share on Tumblr

[`evernote` not found]

Pocket

ここでは、文章の内容を印象的に見せる、文字サイズ、余白を利用した文字レイアウトの方法を説明します。

ジャンプ率に気を配る

ジャンプ率とは？

同じ領域にレイアウト配置されている文字や画像などのサイズ差。

ジャンプ率を高めたレイアウト

迫力ある力強い印象を与える。

ジャンプ率の低いレイアウト

穏やかで落ち着いた雰囲気の印象を与える。

日本語の特性を活かした文字レイアウト

サイズを変えて特定の文字を強調する

キャッチコピーや見出しなどで効果的なレイアウト

日本語は、単語と助詞で構成されており、単語と助詞の文字サイズを変更し、単語をより大きい文字サイズで構成すると、単語を強くアピールできる。

値段や順位、日付など数字を含むレイアウト

数字を大きい文字サイズにすると、値段や順位を強調できる。

日付の場合、年月日の文字を小さくしたり、細いウエイトに変更し構成すると、日付を強調して見せることができる。

個別に字間を調整する

、。などの句読点や記号も日本語フォントでは、他の漢字などと同様、同じ正方形のスペースを形成するため、句読点や記号の前後に不自然な空きが空いてしまう。

それらを避けるために、適度に字間を調整する。

余白を活かす

段落と段落の間を詰めてレイアウトすると、非常に文章が読みづらくなってしまう。
段落と段落の間に適度に余白を加えることにより、まとまりとして伝え、読みやすくなり、情報を伝えやすくできる。

参考書籍

Webデザインとコーディングのきほんのきほん

Tweet

[`yahoo` not found]

Share on Tumblr

[`evernote` not found]

Pocket