実践テクニカルライティングセミナー－マニュアル作成の進め方とわかりやすいマニュアルのポイント－

<BODY BGCOLOR="#ffffff" LINK="#ffffff" VLINK="#ffffff"> <P> <img border="0" src="../gif/sec4.gif" alt="ビジュアル化のポイント" width="540" height="26"><BR> <IMG SRC="../gif/tw2-6s.gif" ALT="マニュアルに適した文書レイアウトのポイント" ALIGN=bottom width="570" height="150"><hr><H1> <span style="font-weight: 400"><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="margin:1 10; line-height: 150%; text-indent:15"> 読者は見出しを目当てにして「知りたい事項」を探します。見出しは、読者の目にとまるとともに見出しランクの関係を適切に表していなければなりません。</p> </td> </tr> </table> </blockquote> </blockquote> <hr> <h2><span style="font-weight: 400">陥りやすい事例<font color="#000080">－“めりはりがない”見出しと“装飾が優先した”見出し－</font></span></h2> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 「<font color="#800000">段落と同じ書体</font>」を用いるとともに「<font color="#800000">見出しランク間の文字の差異が小さい</font>」見出しの書式では、見出しを見つけづらいとともに下位の見出しの見落としにつながります。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 加えて、「見出しに当てる行数が少ない」とともに「仕切りけい線による視線の誘導」もないと、見出しに視線が誘導されづらくなります。</font></li> </ul> <p style="line-height: 150%; margin: 1 10; text-indent:15"> 一方で、必要以上に「囲み」と「網かけ」を使った装飾的な見出しにすると、かえって視線が散漫になり見出しが“読まれなく”なります。</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080">また、装飾によって上位の見出しより下位の見出しが目立ち、見出しランクの関係に“見た目の矛盾”が生じる場合があります。</font></li> </ul> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15" align="center"> <img border="1" src="1106.jpg" vspace="10" width="384" height="288"><hr> <h2><span style="font-weight: 400">レイアウトの<font color="#800000">ポイント</font></span></h2> <p style="LINE-HEIGHT: 150%; TEXT-INDENT: 15px; MARGIN: 2px 10px 0px"> 見出しランク（見出しの上位・下位）は、「<font color="#800000">見出し文字の大きさ</font>」、「<font color="#800000">見出しに当てる行数</font>（行取り）」、「<font color="#800000">見出しの字下げ</font>（インデント）」で表すのが基本です。文書によっては、これらに「<font color="#800000">見出し文字の色</font>」、「<font color="#800000">見出しけい線の使い方</font>（有無・種類・太さ・長さ・色）」でめりはりを加える場合があります。</p> <h4 style="line-height: 150%; margin-top: 15px; margin-bottom: 10px"> <font color="#008000">ポイント1：「見出し」と「本文（段落）」との対比</font></h4> <p style="LINE-HEIGHT: 150%; TEXT-INDENT: 15px; MARGIN: 2px 10px 0px"> 見出し書体には、ゴシック体が適当です。本文書体の明朝体に対し、ゴシック体は見出しを“引き立て”ます。</p> <ul> <li> <p style="LINE-HEIGHT: 150%; MARGIN-TOP: 0px; MARGIN-BOTTOM: 15px"> <font color="#000080">英文の文書では、書体の基本形（例：Times New Roman）を統一し、その普通体と太字体を本文と見出しで使い分けるのが一般的です。対して、和文の文書では、明朝体とゴシック体を使い分けるのが通例です。</font></li> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080">見出しに「丸ゴシック体」など特徴的な書体を使っている例を見かけることがあります。商業デザインならばともかくマニュアルによってはかえって“浮いた”印象につながる場合があります。</font></p> </li> </ul> <h4 style="line-height: 150%; margin-top: 15px; margin-bottom: 10px"> <font color="#008000">ポイント2：「見出し間（上位・下位）」の対比</font></h4> <p style="line-height: 150%; text-indent: 15; margin: 1 10"> 上位の見出しランク（例：項見出しに対する節見出し）では「文字」、「行取り」を大きくします。対して、下位の見出し（例：節見出しに対する項見出し）は「行取り」を小さくします。「文字」、「字下げ」は本文とそろえる程度が適当です。</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="1109.jpg" vspace="10" width="384" height="288"><HR> <p> <A HREF="t4-abs03fa.htm" TARGET="_parent"> <IMG SRC="../gif/0000.gif" 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 hspace="2" vspace="2" width="282" height="24"></a><a TARGET="_blank" href="../t-smnr-trf/smnr-trf02.pdf"><IMG SRC="../gif/tsub-trf.gif" ALT="セミナー基本料金［抜粋PDF版］" ALIGN=bottom BORDER=0 hspace="2" vspace="2" width="282" height="24"></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> <font color="#000066"><b>実践テクニカルライティングセミナー</b></font><font color="#008000"><BR> </font> <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>