わかりやすい技術文書・ビジネス文書の作成手法-第6部　文書レイアウトの基礎

<BODY BGCOLOR="#ffffff" LINK="#ffffff" VLINK="#ffffff"> <DL> <DT><IMG SRC="../gif/gb-bar-2.gif" ALT="テクニカルライティングセミナーの概要" ALIGN=BOTTOM WIDTH=540 HEIGHT=26><BR> <DT><IMG SRC="../gif/tw4abs.gif" ALT="" WIDTH=570 HEIGHT=150><BR> </DL><P><HR><BR></P><H1><B>見出し書式を決める</B><BR></H1><P><HR><BR></P><UL> <DIV STYLE="line-height:1.5">前項までで「版面」と「本文の書式」について述べてきました．しかし，文書は「本文」だけで作成することはまずありません．適切な見出しをつけることで読者に対して，何が書かれているのかを明示することができます．しかし，見出しは“目立てばよい”というものではありません．他の見出しあるい本文と適切に関係付けされている必要があります．<BR></DIV> </UL><H4><DIV STYLE="line-height:1.5"><FONT COLOR="#808000">ポイント1：</FONT>見出しランク（章，節，項）が明確にわかる<BR></DIV></H4><UL> <DIV STYLE="line-height:1.5">見出しランクの違いは「文字の大きさ」，「行取り」，「字下げ（インデント）」で表現します．すなわち大きなランクの見出しほど「文字」，「行取り」を大きくし，小さな見出しほど「字下げ」をすることになります．ただし，目だ立たせるからといってその差を大きくしすぎる必要はりません．たとえば節見出しと項見出しの文字の大きさの違いは2ポイント程度で十分です．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">ここでいう「行取り」とは見出しを明確にするために見出し行に数行文を使うことです．</FONT><BR></DIV> </UL></UL><H4><DIV STYLE="line-height:1.5"><FONT COLOR="#808000">ポイント2：</FONT>見出しと本文の位置付けが明確にわかる<BR></DIV></H4><UL> <DIV STYLE="line-height:1.5">先に「本文は明朝体」，「見出しはゴシック体」が基本と述べました．書体の違いは文書における位置けを明確に示すのに有効です．しばしば，見出しに「丸ゴシック体」など特徴的な書体を使う例をみかけますが，商業デザインならばともかく一般の文書ではかえって“浮いた”印象を与えます．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> <DIV STYLE="line-height:1.5">本文と見出しの位置付けを明確にすると述べましたが，どこかで見出しと本文が整合する必要があります．そこで，「本文文字の大きさ」と「項（小）見出しの大きさ」を同じにする手法を勧めます．つまり，一番小さい見出し文字の大きさを本文と同じ（ただし，書体はゴシック体）にすることで，見出しが本文を要約していることを視覚的に表現する手法です．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> <UL> <LI TYPE=disc><DIV STYLE="line-height:1.5"><FONT COLOR="#000080">ここでいう「行取り」とは見出しを明確にするために見出し行に数行文を使うことです．</FONT><BR></DIV> </UL><DIV STYLE="line-height:0.5"><BR></DIV> </UL><H4><DIV STYLE="line-height:1.5"><FONT COLOR="#808000">ポイント3：</FONT>補足見出し（「注」，「参照」など）の位置付けが明確にわかる<BR></DIV></H4><UL> <DIV STYLE="line-height:1.5">文書では「注」や「参照」などの補足見出しを使います．これらも見出しであるからには視覚的に強調されている必要があります．しかし，いかに強調すべきといっても本文以上にあるいは項見出しなどと同等に目だってしまっては“補足”の意味がありません．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> <DIV STYLE="line-height:1.5">そこで「多少引くことによってさりげなく目立つ」という手法を勧めます．たとえば，本文が「10ポイント明朝体」ならば，注見出しは「9ポイント・ゴシック体」する手法です．文字を大きくして“仰々しくする”ばかりが目立たせることではありません．小さくすることでも他の要素との違いを十分表現することができます．加えて補足見出しは「注記」とか「参照」など短い定型見出しを使います．つまりさほど“読む”必要がない見出しといえます．<BR></DIV> <DIV STYLE="line-height:0.5"><BR></DIV> <DIV STYLE="line-height:1.5">A4判を想定したページの見出しのレイアウトを以下に示します．<BR></DIV> </UL><P> <DIV ALIGN=CENTER><BR> <IMG SRC="a8-05.jpg" ALT="" ALIGN=BOTTOM WIDTH=480 HEIGHT=350 BORDER=1><BR></DIV> <HR><BR> <A HREF="t4-abs99f.htm" TARGET="_parent"><IMG SRC="../t1/nxt.gif" ALT="" ALIGN=BOTTOM></A> <B>次ページに進む</B><FONT COLOR="#008080"><B>（ボタンをクリックしてください）</B></FONT><BR> <HR><BR> <DIV ALIGN=CENTER><A HREF="../../index.htm" TARGET="_parent"><IMG SRC="../gif/modoru.gif" ALT="" ALIGN=BOTTOM WIDTH=180 HEIGHT=50></A><BR></DIV> <HR><BR> Copyright:Takaaki-YAMANOUCHI/2002-2003<BR> 山之内孝明／(有)山之内総合研究所<BR> Takaaki Yamanouchi/ Yamanouchi Research Institute,Ltd.<BR> <BR> <BR></P></BODY>