わかりやすい技術文書・ビジネス文書の作成手法-第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>を表します．また，動的な構図は<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: 1px 10px" align="center"> <img border="1" src="0056a.jpg" vspace="10" width="480" height="360"></p> <h3><FONT COLOR="#008080">「静的な構図」の原理</FONT></h3> <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"> また，図要素の重複，包含あるいは独立，分割など「関係の強度」によって要素の関係（位置付け）を表せます．</FONT></li> </ul> <h3><font color="#008080">「動的な構図」の原理</font></h3> <p style="line-height: 150%; margin: 1px 10px; 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"> 始点と終点の関係を「1対複数」にすると，収束あるいは発散の関係を表せます．また，双方向の矢印を用いると，相互関係（やりとり）を表せます．</FONT></li> </ul> <hr> <h2><span style="font-weight: 400">構図の<FONT COLOR="#800000">バリエーション</FONT></span></h2> <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"> さらに，部分と全体それぞれに命名するとともに必要な情報を補足します．</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"> 矢印（動的な関係を表す）の使い方で方向性（片方向，双方向），発散・収束性あるいは循環性を表せます．</FONT></li> </ul> <p align="center"> <img border="1" src="0057a.jpg" vspace="10" width="480" height="360"></p> <HR> <p> <A HREF="tgb-05-05f.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>