わかりやすい技術文書・ビジネス文書の作成手法-第6部　図・表の書式と「図解」の手法

<BODY BGCOLOR="#ffffff" LINK="#ffffff" ALINK="#ebc83d" VLINK="#ffffff"> <DL> <DT> <IMG SRC="../gif/gb-bar1c.gif" ALT="図・表の作成とレイアウトの手法" ALIGN=bottom WIDTH=540 HEIGHT=26><DT> <IMG SRC="../gif/gb-5-ttl.gif" ALT="図・表の書式と「図解」の手法" ALIGN=bottom 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>”図とも言えます．図要素が多い図であっても，いくつかの図要素に“まとまり”があれば，さほど複雑な図には見えません．</p> </td> </tr> </table> </blockquote> </blockquote> <HR> <h2><span style="font-weight: 400">「<font color="#800000">グループ化</font>」と「<font color="#800000">命名</font>」の手法</span></h2> <p style="line-height: 150%; margin: 1px 10px; text-indent:15"> 図要素が多くなる場合は，いくつかを<font color="#800000">グループ化</font>（囲み，影付けなど）すると整理されて目に映ります．とりわけ，図要素になんらかの共通性がある場合に有効です．たとえば，10ある図要素を三つのグループに分類すれば，グループごとに視線が誘導されます．</p> <ul> <li><p style="line-height: 150%; margin-top: 0; margin-bottom: 15"><FONT COLOR="#000080"> ここで言う「図要素が多い」とする目安は，10以上です．人の習慣を考慮しても，10は“手に余る”数です．いかに正確に表現された図であっても人の認知に負担を与える図では理解につながりません．</FONT></li> </ul> <p style="line-height: 150%; margin: 1px 10px; text-indent:15"> <font color="#800000">グループに命名</font>すると，さらに効果的です．段落の文中にグループ名を引用でき，段落と図との対応がよくなります．</p> <ul> <li><p style="line-height: 150%; margin-top: 0; margin-bottom: 15"><FONT COLOR="#000080"> たとえば，主文で「本パッケージは，（グループA），（グループB）および（グループC）で構成されています」とし，さらにグループ間の関係あるいはグループの位置付けを補足すれば段落が構成されます．図を示し，次の項目で各グループを解説すると効果的です．</FONT></li> </ul> <P align="center"> <img border="1" src="0058a.jpg" vspace="10" width="480" height="360"><hr><h2><span style="font-weight: 400"> 論理・概念の図解への<FONT COLOR="#800000">応用</FONT></span></h2> <p style="line-height: 150%; margin: 1px 10px; 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="0059a.jpg" vspace="10" width="480" height="360"><HR> <p> <A HREF="tgb-05-99f.htm" TARGET="_parent"> <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>