わかりやすい技術文書・ビジネス文書の作成手法-第7部　文書書式のポイント－読みやすいワープロ文書のレイアウト－

<BODY BGCOLOR="#ffffff" LINK="#ffffff" VLINK="#ffffff"> <DL> <DT> <IMG SRC="../gif/gb-bar1c.gif" ALT="図・表の作成とレイアウトの手法" ALIGN=bottom WIDTH=540 HEIGHT=26><DT> <IMG SRC="../gif/tw4abs.gif" ALT="文書書式のポイント" WIDTH=570 HEIGHT=150></DL><HR><H1> <span style="font-weight: 400"><font color="#800000">本文書体・大きさ</font>と<font color="#800000">行間</font>の決め方</span></H1> <blockquote> <blockquote> <table border="0" cellspacing="0" width="75%" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0"> <tr> <td width="10" bordercolor="#000000" bgcolor="#008080" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">　</td> <td bordercolor="#000000" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF"> <p style="line-height: 150%; margin-top: 2; margin-bottom: 0; margin-left:10; margin-right:10; text-indent:15"> <font color="#800000">段落に用いる書体</font>を「本文書体」とよびます．本文書体は，その文書でもっとも多く用いられ，文書書式の基準となる書体です．<font color="#800000">“読み疲れ”しない書体</font>を選ぶとともに，適切な大きさと行間を選ぶ必要があります．</p> </td> </tr> </table> </blockquote> </blockquote> <HR> <h2><font color="#800000"><span style="font-weight: 400">本文</span></font><span style="font-weight: 400"><FONT COLOR="#800000">書体</FONT>の選び方</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 印刷文書あるいはPDF文書の本文書体には，「<font color="#800000">標準的な太さの明朝体</font>」が適切です．</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 本文書体を明朝体にして，見出しなどの強調箇所にゴシック体を用いる使い分けが適当です．</font></p> </li> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080">ただし，屋外（明所あるいは暗所）などの視認環境が優先する文書では，本文書体にゴシック体系の書体を用いる場合があります．</font></p> </li> </ul> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15" align="center"> <img border="1" src="0062a.jpg" vspace="10" width="480" height="360"></p> <p style="margin:1 10; line-height: 150%; text-indent:15"> 明朝体を推奨する理由は，書体に<font color="#800000">適度なめりはり</font>（横に細く縦に太い．跳ねが細く，止めが太い）があることです．このめりはりが文字を特徴付け，「画数の多い文字」あるいは「形が似た文字」であっても認知しやすくなります．また，細い線が含まれるため，文字が“軽やか”であり，複数行が連なっていても読み疲れしません．</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 対して，ゴシック体は強調感はありますが，めりはりに乏しい書体です．見出しに用いるには適切です．しかし，数行続く本文に用いると強調感が重量感となり，暗く重々しい印象を与え読み疲れにつながります．また，画数が多い文字も読みづらくなります．</font></p> </li> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> HTML文書あるいはプレゼンスライドに用いる文書には，ゴシック体が適当です．一般的なモニタあるいはプロジェクタの解像度では，明朝体の細い線が見づらくなります．</font></p> </li> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> PDF文書はフォント自体の情報量が大きいため，明朝体を用いても通常のモニタ程度では読みづらくありません．ただし，プロジェクタを介すると光によって細い線が見づらくなるおそれがあります．</font></p> </li> </ul> <p style="margin:1 10; line-height: 150%; text-indent:15"> 「ゴシック体は力強い書体→本文書体をゴシック体にすると読者に強く認知される」という通念があるとしたら，再検討してみてください．「強すぎる弊害」あるいは「めりはりがない弊害」も考慮する必要があります．</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 新聞の本文書体は，10ポイント相当の偏平明朝体（例：縦2.9mm・横3.7mm）です．文字が何行にもわたり連なっていても，さほど読みづらくありません．もし，新聞の本文書体にゴシック体が用いられていたら読みづらいはずです．新聞ではゴシック体は見出しの強調に用いられます．</font></p> </li> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 対してWeb（インターネット）版の新聞は，多くの人がゴシック体の設定で読んでいるはずです．</font></p> </li> </ul> <HR><h2><span style="font-weight: 400"><font color="#800000">文字の大きさ</font>の決め方</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> A4版の文書では，10ポイントが社会的な通例であり，既定の大きさとしている企業も多数あります．</p> <ul> <li> <p style="line-height: 150%; margin-top: 1; margin-bottom: 2"><FONT COLOR="#000080"> ただし，「A4版の文書には10ポイント」は基準であり既定ではありません．用途（例：屋外での視認性が求められる文書）に応じては，10.5ポイント，11ポイント，12ポイントを用いる例もあります．</FONT></p> </li> </ul> <p style="line-height: 150%; margin: 1 10; text-indent:15"> A4版以外の版型の文書では文書の大きさに合わせて多少の調整をするのが適当です．</p> <ul> <li> <p style="line-height: 150%; margin-top: 1; margin-bottom: 2"><FONT COLOR="#000080"> 文書サイズとのバランス（1行の文字数および1ページの行数）を考慮し，A5版，B5版では9ポイント，B4版では11ポイントあるいは12ポイントを用いる例があります．</FONT></p> </li> </ul> <p style="margin:1 10; line-height: 150%; text-indent:15"> ちなみに，ワープロの設定項目にある10.5ポイントは，「号数活字（現在では使用例が少ない活字）」に基づく「五号」（約10.5ポイント）の名残りです．</p> <hr> <h2><span style="font-weight: 400"><FONT COLOR="#800000">行間</FONT>の決め方</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 一般に読みやすいとされる行間（行と行の間隔）は，<font color="#800000">文字の大きさの60～80％</font>です．10ポイントの文字を用いる際は，8ポイントを推奨します．短い段落がほとんどの文書では6ポイントでも差し支えありません．</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> ワープロでは，「文字の大きさ（高さ）＋行間」による設定が一般的です．たとえば，50％の行間はワープロの設定で「1.5行」となります．また，10ポイントの文字で8ポイントの行間を設定する場合は「18pt」の設定になります．</font></p> </li> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 文字を大きく設定したら，あわせて行間も広くする必要があります．読みやすくする目的で文字を大きくしても，行間が狭くては意味がありません．</font></p> </li> </ul> <p style="margin:1 10; line-height: 150%; text-indent:15"> 行間は，読みやすさに大きく影響します．行間が狭いと<font color="#800000">行と行が干渉</font>し読みづらくなります．また，100％以上の行間を用いると<font color="#800000">文字よりも行間に視線が向かい読者の集中を削ぐ</font>おそれがあります．</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> しばしば，「経費削減のために行間を狭くしてページ数を減している」というお話を聞きます．仮に18ptの設定で36行の文書を15ptに設定すると43行になり，7行の差が生じます．ただし，この差が1ページに反映されるには，単純に6ないし7ページを要します．数ページの文書ではさほどの差になりませんし，ページ数の多い文書では10ページ程度で改ページの処理をするため実質的な効果は薄いと言えます．</font></p> </li> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> .行間の設定で2ページの文書が1ページに収まる場合もありますが，読みやすさとの引き換えになります．行間でページ数を調整するのは手近な方法ですが，問題のすり替えとも言えます．文書の構成，図・表あるいは箇条書きの使い方などから考えるのが本筋です．読者の読みづらさにつながる方法でページ数を削減するのは，“技術”文書らしからぬ発想です．</font></p> </li> </ul> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15" align="center"> <img border="1" src="0063a.jpg" vspace="10" width="480" height="360"></p> <hr> <h2><span style="font-weight: 400"><FONT COLOR="#800000">行文字数</FONT>の調整</span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 一般に読みやすいとされる行文字数（1行の文字数，「行幅」に相当）は，40字程度です．文書の左右余白とともに数文字分のインデント（段落全体の字下げ）を設定して，行文字数を調整するのが適切です．</p> <ul> <li> <p style="line-height: 150%; margin-top:0; margin-bottom:15"> <font color="#000080"> 行文字数が30字以下になると，行の折返しが多くなり読みづらくなります．また行文字数が50字ほどになると，視野の左右まで行が及ぶとともに1行が長く読み疲れにつながります．</font></p> </li> </ul> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15" align="center"> <img border="1" src="0064a.jpg" vspace="10" width="480" height="360"></p> <HR> <p> <a target="_parent" href="t4-abs01fc.htm"> <IMG SRC="../t1/nxt.gif" ALT="" ALIGN=BOTTOM width="37" height="37"></a> <B>次ページに進む</B><FONT COLOR="#008080"><B>（ボタンをクリックしてください）</B></FONT></p> <HR> <DIV ALIGN=CENTER> <p style="margin:1 10; line-height:150%; text-indent:15"> <img border="0" src="../gif/trp-000.gif" alt="山之内総合研究所の出張開催セミナー" width="300" height="20"></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a target="_parent" href="../t6-1st/gb-smnr-1st.htm"> <img border="0" src="../gif/trp-1st-a.gif" hspace="2" vspace="2" width="282" height="24"></a><a target="_parent" href="../t6/gb-smnr.htm"><img border="0" src="../gif/trp-gb-a.gif" hspace="2" vspace="2" width="282" height="24"></a></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a target="_parent" href="../t7/mn-smnr.htm"> <img border="0" src="../gif/trp-mn-a.gif" hspace="2" vspace="2" width="282" height="24"></a><a target="_parent" href="../t5a/tp-smnr.htm"><img border="0" src="../gif/trp-tp-a.gif" hspace="2" vspace="2" width="282" height="24"></a></DIV> <DIV ALIGN=CENTER> <p style="margin:1 10; "> <a TARGET="_parent" href="../t-smnr-faq/faq-101f.htm"> <IMG SRC="../gif/tsub-faq.gif" ALT="セミナー／コンサルティングFAQ" ALIGN=bottom BORDER=0 width="282" height="24" hspace="2" vspace="2"></a><a TARGET="_blank" href="../t-smnr-trf/smnr-trf02.pdf"><IMG SRC="../gif/tsub-trf.gif" ALT="セミナー基本料金［抜粋PDF版］" ALIGN=bottom BORDER=0 width="282" height="24" hspace="2" vspace="2"></a></DIV> <hr> <p align="center" style="margin-top: 0; margin-bottom: 0"><A HREF="../../index.htm" TARGET="_parent"><IMG SRC="../gif/modoru.gif" ALT="" ALIGN=BOTTOM WIDTH=180 HEIGHT=50></A></p> <hr> <p> <B>テクニカルドキュメント・ビジネスドキュメントためのテクニカルライティングセミナー</B><BR> <B>わかりやすい技術文書・ビジネス文書の作成手法</B><BR> Copyright:Takaaki-YAMANOUCHI/2002-2010<BR> 山之内孝明／有限会社　山之内総合研究所<BR> Takaaki Yamanouchi/ Yamanouchi Research Institute,Ltd.<BR> <IMG SRC="../gif/email.gif" ALT="" ALIGN=BOTTOM WIDTH=23 HEIGHT=13><FONT SIZE=4 COLOR="#000080">　</FONT><A HREF="mailto:takaaki@yamanouchi-yri.com"><FONT SIZE=4 COLOR="#000080">takaaki@yamanouchi-yri.com</FONT></A></p> </BODY>