FC2ブログ
お気に入り商品の紹介、ホームページ制作に関する徒然
TK-ウェブログ
スポンサーサイト
-----------  CATEGORY: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
ページトップへ
文字について考える
2008-08-25-Mon  CATEGORY: ホームページ製作

文字の役割とは

文字は読むためにある
  例えば、広告表現などにおいては、ビジュアルは目を引くための存在であることが多い。それに対して、文字は行動を起こさせるものとして位置付けられます。その役割を果たすためには、当たり前ですが、まず文字を「読んでもらう」ことが重要になります。

  Webページの場合、制作者側が書体や文字の大きさを完全に制御する事は難しいですが、意外に影響が大きいのが「行間」です。読みやすい行間は行長に依存し、行長が長いほど行間を広めに取る必要があります。具体的には、20~30文字では行間50%(行送り150%)、30~40文字では行間70%(行送り170%)程度を基準にして微調整するとやりやすいでしょう。標準状態での1行文字数は、最大で35文字くらいと考えておくとよいでしょう。これは、紙媒体の横組み14~40文字という基準より狭いが、画面は紙よりも読みづらいことが多いためです。

  また、画面解像度の問題から、小さい文字は読めなくなる恐れがあります。読ませる文字であれば、12ピクセルが最低ラインと思っておいたほうがよいでしょう。10ピクセルくらいの文字は、装飾用として割り切った場面でのみ使うようにしましょう。

書体の種類
  書体には大きく3種類あります。明朝体、ゴシック体、その他(キャッチ系)ですが、そのうちゴシック体を細かく分けるとセリフありとセリフなしの2種類があります。それぞれ印象が違うので上手な使い分けが必要です。

  明朝体は上品な印象を与えやすく、高級感を演出しやすい書体です。大きく使っても下品になりにくく、思い切ってかなり大きめに使っても面白いでしょう。ただし、太めの明朝体は古典的なイメージになりやすく、限定的な使われ方をしています。逆にゴシック体は活動的な印象を与えやすい。特に太いゴシック体を使うと力強く、見た目のインパクトが大きくなります。明朝体、ゴシック体以外のいわゆるキャッチ系書体は、一般的に読みづらいものが多いほか、多用すると素人っぽくなってしまいます。使う場合はあくまでワンポイントとして効果的に配置するようにしてほしい。

  Webでは、明朝体は読みづらいことが多く、一般的にはゴシック体に軍配が上がります。画面解像度の問題から、横線が細くなる明朝体はガタつきが出やすく、文字が小さいほど顕著です。そのため、明朝体は大きめのキャッチコピーや見出しなどに使うようにして、小さい文字はゴシック体に統一するのが望ましいでしょう。

文字詰め
  単語や文章全体の詰め具合をコントロールすることを「トラッキング」と呼び、特定の文字間の詰め具合をコントロールすることを「カーニング」と呼びます。詰め具合の違いによって印象がかなり変わるので、文字を画像化する場合には書体、文字の大きさと併せて細かく調整するべきでしょう。

  例えば、太めのゴシック体を使う場合、トラッキング+200(+20%)で広げてみると面白い効果があります。細いゴシックや明朝で同じように広げると無駄にパラついて見えることもあるので、書体やウエイト(太さ)とも併せて検討が必要です。

  また、キャッチコピーなどは通常字間をプロポーショナルに詰める。漢字は正方形に収まるものが多いですが、仮名はそれぞれ左右幅が異なるため、隣り合った文字によって詰め具合を変える事が重要です。

スポンサーサイト
ページトップへ  トラックバック0 コメント0
コメント

管理者にだけ表示を許可する
 
トラックバック
TB*URL
<< 2018/11 >>
S M T W T F S
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -


余白 Copyright © 2005 TK-ウェブログ. all rights reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。