わかりやすい技術文書・ビジネス文書の作成手法-第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>」の考え方</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>」さらには「<font color="#800000">図要素に対する視線の動き</font>」を作る手法です．</p> </td> </tr> </table> </blockquote> </blockquote> <hr> <h2> <span style="font-weight: 400">図の<font color="#800000">構図</font></span></h2> <p style="line-height: 150%; text-indent: 15; margin: 1px 10px"> 構図化は，<font color="#800000">読者の視線を誘導する</font>のに有効です．図要素が複数あっても「まとまり」があれば，視線が散漫にならずに済みます．また，「主と従」の関係があれば，視線を意図的に動かせます．</p> <ul> <li> <p style="line-height: 150%; margin-top: 0; margin-bottom: 15"> <font color="#000080"> 技術文書では，図要素が多い図を用いる場合が多々あります．図要素間の配置を工夫すれば，「見てほしい箇所」に視線を誘導できます．</font></p> </li> </ul> <p style="line-height: 150%; text-indent: 15; margin: 1px 10px"> 構図化は，人の視線がもつ特性の応用と言えます．図中に「一つの大と多くの小」の関係があれば，まず大に視線が向きます．また，横書きの文書では視線は「左から右」，「上から下」に動きます．これらの動きに沿って図要素を配置すれば，静的な配置でありながら動的に視線を誘導できます．</p> <DIV ALIGN=CENTER> <img border="1" src="0052a.jpg" vspace="10" width="480" height="360"></DIV> <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></p> </li> </ul> <p style="line-height: 150%; margin: 1px 10px" align="center"> <img border="1" src="0053a.jpg" vspace="10" width="480" height="360"></p> <HR> <p> <A HREF="tgb-05-03f.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>