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

<BODY BGCOLOR="#ffffff" LINK="#ffffff" ALINK="#ebc83d" VLINK="#ffffff"> <P> <img border="0" src="../gif/sec4.gif" alt="ビジュアル化のポイント" width="540" height="26"><BR> <IMG SRC="../gif/tw2-6.gif" ALT="マニュアルに適した図解の手法" width="570" height="150"><hr><H1> <span style="font-weight: 400">複雑な図を<font color="#800000">まとまりよく見せる</font>手法<font color="#000080" size="5">－「構図化」の考え方－</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="1094.jpg" vspace="10" width="384" height="288"></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="1095.jpg" vspace="10" width="384" height="288"></p> <HR> <p> <A HREF="t-2-6abs08fc.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-a/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>