見栄えのよい文書の作り方

  見栄えのよい文書を作るには、フォントやレイアウトを工夫しなければならない。それにはいくつかのポイントがある。

  1. フォント

      フォントは、ご存知ゴシック体明朝体がある。それぞれ、基本的に使い方が決まっている。

    1. タイトル・見出しにはゴシック体を使う。説明的な文章(説明書、マニュアルなど)の本文や標識や掲示などのサインも視認性の面からゴシック体が適している。
    2. 長い文章には明朝体を使う。これは読んでいて疲れないためである。かといってブログやその他 HP など、コンピュータのモニタを通して表示される文字はできるだけゴシック体を使った方がよいと思う。明朝体を表現できるだけの解像度まで進んでないからである。
  2. 余白はマージンともいう。1ページ中の上下左右の余白は多めにとった方が見やすい。
  3. 行間は、広めにとる。文字の大きさ(文字の高さ)の、1.5~2倍程度が良いとされている。
  4. 文書を読むときの目線の流れを考える。横書きの文章は、人間の目は左上から右下に流れる。よって、ロゴの位置など、その目線を誘導する位置に置くと良い。目線の誘導ははポスターやプレゼン資料を作成するときも使えるテクニックである。
  5. 箇条書きの記号には、◆◇■□▼▽●○・- …のように、強さがある。これらの記号は見出しの先頭にも応用できるが、その強さを考慮すること。
  6. 文書中で使うは色調(明るさやトーン)を統一すること。

  こうしてみると PC の世界では、人間に対する画面デザインはほとんど考慮されていないことがわかるだろう。これは技術者が単に上のような DTP におけるテクニックを知らなかったからなのだろうか。Windows と Mac のインターフェイスの違いを考えても、使いやすさは上に挙げた基本的な差異から来ていることが多い。

  日本では、駅にある電光掲示板などは、なぜか明朝体だったりする。あのドットの荒い LED のディスプレイで明朝体の文字の先端の跳ね方などを表現しきれないのに、なぜゴシック体じゃないのかずっと疑問だ。技術者にもう少し絵心というかデザインの基礎があったらなと思う。ゴシック体は視認性に優れているので、ゴシック体の方が電光掲示板のフォントに適しているはずなのに。

  また、紙の文書とウェブサイトのデザインは違う。上にも触れたように、コンピュータのモニタを通して読むフォントとしては、明朝はほとんど使い物にならないだろう。ウェブサイトではマウスによる操作が入ることに注意したい。ウィンドウズのタスクバー のエントリーを参考にして欲しい。

  ほとんどの人は右利きと思われるので、マウスを右手で持つのだ。右利きの人のマウスの使い方の場合、左上から右下(左から右への流れ)のマウスの動きが自然なのだ。逆の動きは思考の分断をもたらす。よくインデックスをブラウザの画面の左側に配置するサイトがあるが、これは紙の文書として、または印刷物としての見た目には良いレイアウトの例なのだが、サイトとしての機能を持ったレイアウトとしては使いづらいものになってしまうのだ(Mac とウィンドウズの「はい」「いいえ」ボタンの位置の考え方)。従ってこのブログではメニューなどのインデックスは左側ではなく右側に配置している。

  ウェブサイトでインデックスやメニューを左側に置きたい人は、DTP やレイアウトなど、そういったことを必要とする仕事に従事してきたのだろう。しかし面白いことに技術者がフォントの使用で過ち(?)を犯したように、従来の紙の上でのデザイン関係者も新しいパラダイムであるウェブデザインで過ちを犯しているのだった。

ダニエル・ピンクの「ハイ・コンセプト」にあるように、これからはデザイナーは機能を学び、技術者はデザインを学ぶ時代なのだ。

Trackback URL for this post: https://econo.twinkle.cc/trackback/181