<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5707518185912208357</id><updated>2011-08-17T06:28:05.357+09:00</updated><category term='ピクトグラム'/><category term='プロトタイピング'/><category term='データグラフィックス'/><category term='インフォグラフィックス'/><category term='レイアウト'/><category term='イラストレーション'/><category term='作品制作'/><category term='アニメーション'/><category term='構造'/><category term='サーベイ'/><category term='プレゼンテーション'/><category term='デザイン用語'/><category term='視覚化'/><category term='チャート'/><title type='text'>コミュニケーションデザイン演習1</title><subtitle type='html'>千葉工業大学 デザイン科学科 2年次後期の演習授業です。</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-4538852961262661185</id><published>2010-11-12T23:46:00.002+09:00</published><updated>2010-11-19T08:52:26.989+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='プレゼンテーション'/><title type='text'>10　第8回</title><content type='html'>恒例の博物館見学&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/TOW74F7PloI/AAAAAAAAA34/XBctDXfVi0Y/s1600/IMG_0245.JPG" /&gt;&lt;/div&gt;授業時間に上野まで出るのは厳しいかと思いましたが、金曜日は20時まで開館しているんだ。うれしいサービスですね。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-4538852961262661185?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/4538852961262661185'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/4538852961262661185'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2010/11/108.html' title='10　第8回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_6r_fWtCKqMM/TOW74F7PloI/AAAAAAAAA34/XBctDXfVi0Y/s72-c/IMG_0245.JPG' height='72' width='72'/></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-3161993938005622027</id><published>2010-01-29T23:24:00.002+09:00</published><updated>2010-02-01T03:25:56.538+09:00</updated><title type='text'>09　第15回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;ゴーーール！&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今日が最終回、ポートフォリオの提出です。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-3161993938005622027?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/3161993938005622027/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2010/01/0915.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/3161993938005622027'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/3161993938005622027'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2010/01/0915.html' title='09　第15回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-4879943375210835168</id><published>2010-01-22T22:55:00.006+09:00</published><updated>2010-02-01T04:14:59.081+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='デザイン用語'/><title type='text'>09　第14回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;コミュニケーションデザイン　知識編&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;テスト形式で、デザイン用語と自分の活動をチェック。&lt;br /&gt;120名のうち、わずかだけど教科書を読んでくれている学生もいる、ということが解って嬉しかった。出題したキーワードから、他の授業とのつながりも感じられて、学生の中にもそれを意識できている人もいるんだ、と思うとちょっと安心できました。&lt;br /&gt;&lt;br /&gt;でも一方で、ほんとに今時の若者のコミュニケーション力はなっていない（私自身も自慢できるほど立派な人間ではないけれど）。&lt;br /&gt;普段の授業中は無駄話をいつまででもぺちゃくちゃするくせに、肝心なデザインについての専門性や表現に関わる議論は全くできない。&lt;br /&gt;※今日のテスト、「周囲と相談してもいいよ」と言ったのに、シンと静まり返ってみんな黙々と解答しているのが傑作でした。&lt;br /&gt;内容はと言えば、友達あてのケータイメールみたいな稚拙な文章、「ですます」調と「である」調の混在、接続詞や助詞の使い間違い、誤字脱字・・・。はっきり言って、デザイン以前。大学生にはあるまじきレベル。&lt;br /&gt;&lt;br /&gt;やはり、もう日本に未来はないね。&lt;br /&gt;※ちなみにこのブログの文章力は棚に上げてのコメントです、ご容赦ください。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-4879943375210835168?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/4879943375210835168/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2010/02/0914.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/4879943375210835168'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/4879943375210835168'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2010/02/0914.html' title='09　第14回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-6790577095555056558</id><published>2010-01-15T23:32:00.001+09:00</published><updated>2010-01-22T12:32:45.587+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='プレゼンテーション'/><title type='text'>09　第13回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;作品制作　その3&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;ついにというか、やっとというか。今日が最終作品の発表の日です。&lt;br /&gt;大人数ではありますが、ひとり60秒で、プレゼンテーションをしてもらいました。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-6790577095555056558?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/6790577095555056558/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2010/01/0913.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/6790577095555056558'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/6790577095555056558'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2010/01/0913.html' title='09　第13回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-2183415369784289812</id><published>2010-01-08T22:22:00.002+09:00</published><updated>2010-01-22T12:30:12.476+09:00</updated><title type='text'>09　第12回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;作品制作　その2&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;あけましておめでとうございます。&lt;br /&gt;今年も表現を楽しみましょう。&lt;br /&gt;&lt;br /&gt;年明け早々で、学生たちも「成人式」などまだ新年モードも抜け切らないタイミングなので、中間的な振返りとして、ここまでの作品を全部並べて俯瞰してみることにしました。&lt;br /&gt;&lt;br /&gt;もうひとつ、模型を使った説明表現も、パネルにまとめてくることになっていました。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-2183415369784289812?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/2183415369784289812/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2010/01/0912.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/2183415369784289812'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/2183415369784289812'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2010/01/0912.html' title='09　第12回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-7909465171150998137</id><published>2009-12-18T23:45:00.003+09:00</published><updated>2010-01-22T13:40:42.520+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='作品制作'/><title type='text'>09　第11回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;作品制作　その1&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;さて、ここからはいよいよ最終課題としての作品制作に入ります。&lt;br /&gt;テーマは「動くおもちゃのしくみ」。これまでやってきた試作表現をふまえ、作品としてインフォグラフィックス作品を作り上げます。おもちゃの動きの背景にある科学的な「知」をうまく表現に盛り込むことが条件です。&lt;br /&gt;&lt;br /&gt;今日は時間内にまず一度かたちにする、という目標で制作活動を行いました。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 355px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/S1ksMuY3__I/AAAAAAAAAp8/OlKaIMDHg74/s400/DSC07158.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5429419422894260210" /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-7909465171150998137?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/7909465171150998137/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/12/0911.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/7909465171150998137'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/7909465171150998137'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/12/0911.html' title='09　第11回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6r_fWtCKqMM/S1ksMuY3__I/AAAAAAAAAp8/OlKaIMDHg74/s72-c/DSC07158.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-3127972778901020491</id><published>2009-12-11T23:00:00.011+09:00</published><updated>2009-12-23T18:34:45.289+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='プレゼンテーション'/><category scheme='http://www.blogger.com/atom/ns#' term='サーベイ'/><category scheme='http://www.blogger.com/atom/ns#' term='インフォグラフィックス'/><title type='text'>09　第10回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;国立科学博物館を見学&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;最終作品の制作に向けて、今日はちょっと視点を変えて、作品鑑賞。「作品」というのは、つまりプロの仕事、説明の現場「博物館」の展示物のことです。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 225px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SzG6uICxvMI/AAAAAAAAAok/-6bWJhq7hZc/s400/fig01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5418317128299297986" /&gt;あいにくの雨、でも空いてるからね&lt;br /&gt;&lt;br /&gt;受講生の皆さんには申し訳ないのだが、基本的に私は「雨男」。イベントやプレゼンの日の雨率はかなり高いのです。ゴメンナサイ。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;展示に埋め込まれた情報デザインを探せ&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;授業の中では「作品制作の参考のために」とだけ伝えましたが、実は展示空間には様々な情報デザイン、特にプレゼンテーションのテクニックが駆使されています。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 225px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SzHGypJnqRI/AAAAAAAAAos/cqhB-GveN8M/s400/fig02.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5418330400045377810" /&gt;&lt;br /&gt;奥行きを使った一覧性と鑑賞者の移動によるインタラクション&lt;br /&gt;&lt;br /&gt;単に授業だからとか、指定された場所だけ、などと言わずに、学生クンたちがいろいろ発見してくれると嬉しいのですが。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;「身近な科学」の視覚化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;というより、視覚化によって科学を身近に、か？&lt;br /&gt;さて、今回の授業としてのミッションは、地球館／たんけん広場（2F）を中心に、物理現象などかたちのないメッセージをどのように説明しているか、その手法を「盗んで」くることでした。選んだおもちゃそのまんまが展示されている人もいれば、関係性を実感できなかった人もいただろうな。何より、授業ではあるけど他者の表現を楽しんだり批判してるすることが重要なのだが、どこまでできていることか。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 225px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SzHQok0YiJI/AAAAAAAAAo0/Cok2S9hLWO8/s400/fig03.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5418341222200150162" /&gt;&lt;br /&gt;ちなみに私は、「科博」に行くたびにこの「霧箱」に釘付けです。&lt;br /&gt;建物まで通り抜けて、これほどの宇宙線が飛び交っているとは、という驚き。でも、それ以上に小さな粒が霧箱の中を飛び交っている様子がとても神秘的です。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 225px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SzHbtZpHk6I/AAAAAAAAApE/vO-DiT9XGGM/s400/fig04.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5418353399727362978" /&gt;&lt;br /&gt;もうひとつ、今回初めて気づいたのは、「地震軌跡模型」。地震計のコーナーは結構好きで、必ず見に来るのだが、いつもは壁に投影される地震計のしくみのムービーに気を取られて、全く視界に入っていませんでした。今回はいつもと違うものをじっくり見ようと、目線を変えて眺めていたことで発見しました。かつて阪神大震災のときに新聞に載っていた、阪神大震災と釧路沖地震を比較する地震計の図を、わたしは情報デザイン事例のひとつとして宝物にしていますが、それは2次元上での表現。3次元化したものがあったとは。CGじゃなくて、針金で表現しているところにしびれました。&lt;br /&gt;&lt;br /&gt;人間の目には見えないものをフィルタを通して情報化する。科学の分野に情報デザインは欠かせないと私は確信していますが、科学者やエンジニアの方たちは気づいてくれているかどうか？&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-3127972778901020491?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/3127972778901020491/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/12/0910.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/3127972778901020491'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/3127972778901020491'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/12/0910.html' title='09　第10回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6r_fWtCKqMM/SzG6uICxvMI/AAAAAAAAAok/-6bWJhq7hZc/s72-c/fig01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-5644998392194169309</id><published>2009-12-04T23:23:00.012+09:00</published><updated>2009-12-17T14:27:37.892+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='プロトタイピング'/><title type='text'>09　第9回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;模型で説明&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今日のミッションは、前回描いた設計図をもとに説明のための模型を制作することです。そして、それをつかって実際に説明してみます。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;それぞれの計画に基づいて制作&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Sym9zuHGDMI/AAAAAAAAAnk/P_cz2wt1s80/s200/DSC07003.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5416068723138497730" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Sym_tX6t0PI/AAAAAAAAAn8/zTaSdfEmF68/s200/DSC07041.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5416070813125038322" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SynANInRxNI/AAAAAAAAAoM/C7uiqkSlNF4/s200/DSC07053.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5416071358772790482" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SynAaGv8wlI/AAAAAAAAAoU/-zLGzzSkIlI/s200/R1107922.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5416071581610590802" /&gt;&lt;br /&gt;&lt;br /&gt;隣同士で、模型を使って説明してみます。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Sym-FA-RdOI/AAAAAAAAAns/HlWHSSRSvaQ/s200/DSC07007.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5416069020259546338" /&gt;&lt;br /&gt;&lt;br /&gt;説明の手順がまとまったら、デジカメでコマ撮りして、説明素材としてのアニメーションをつくります。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 145px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Sym_JGVM8cI/AAAAAAAAAn0/pAnaloJmJqY/s200/DSC07037.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5416070189929001410" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Sym__HgpmNI/AAAAAAAAAoE/NMDbOd2x9S4/s200/DSC07049.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5416071117958387922" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SynArWVNdmI/AAAAAAAAAoc/JBua9tOVV2U/s200/R1107944.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5416071877851182690" /&gt;&lt;br /&gt;&lt;br /&gt;デジカメアニメを使って、説明の内容をテキストに起こします。&lt;br /&gt;今日はここまで。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-5644998392194169309?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/5644998392194169309/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/12/099.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/5644998392194169309'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/5644998392194169309'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/12/099.html' title='09　第9回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_6r_fWtCKqMM/Sym9zuHGDMI/AAAAAAAAAnk/P_cz2wt1s80/s72-c/DSC07003.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-6960074985555556002</id><published>2009-11-27T23:00:00.008+09:00</published><updated>2009-12-01T21:25:15.013+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='視覚化'/><title type='text'>09　第8回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;最終課題作品制作に向けて&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;津田沼祭（学園祭）で一週お休みでしたが、みなさん充電できましたか？&lt;br /&gt;さて今日からは後半戦。基本はこれまで通り「時間内に決着」ですが、最終課題に向けて少しハードルを上げて行きます。ついてきてくださいね。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;論理や概念の視覚化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今回はおもちゃの動きの背景にある物理現象を図解で説明することに挑戦してもらいます。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-1 練習問題：説明の図解&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;実際には形として存在しない事柄を、図として視覚的に表現することは、デザイナーのスキルとして欠かせないものの一つです。これまでこの授業の中でチャレンジしてきた様々な図解表現を駆使して、説明的な文章から図解を紡ぎ出してみましょう。&lt;br /&gt;ということで、「バイオ燃料」についての解説記事を題材に図表現にチャレンジしました。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SxT-1G3C8NI/AAAAAAAAAm4/ch8Ho4rAGMY/s400/fig01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5410229240706822354" /&gt;&lt;br /&gt;フレーズ毎に絵解き的に図にできれば、入門編としては合格・・・&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SxUAagE_KKI/AAAAAAAAAnA/CCuX6DZMdS4/s400/fig02.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5410230982642968738" /&gt;&lt;br /&gt;さらにそれらを統合して、全体を図に描ければ、インフォグラフィックスデザイナー適正、バッチリです。クラスの中にも何人か居ました。素晴らしい。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-2 「説明」の視覚化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;時分が選んだおもちゃの動きと、宿題として調べてきたそのおもちゃの動きにまつわる物理現象に関する知識を組み合わせて、説明インフォグラフィックスのためのアイデアスケッチを描き出しました。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SxUDgKF9pPI/AAAAAAAAAnI/1x9Bcou0ZEE/s400/fig03.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5410234378355582194" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-3 模型を使った「説明」の準備&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;インフォグラフィックス制作の前に、模型を使った説明を試みます。今日のメイン作品はその模型制作のためのデザイン案をイラスト化すること。どんな模型を作るかをスケッチで表現し、次週の制作のための材料や加工方法について検討するのが目的です。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SxUGILaoKeI/AAAAAAAAAnQ/lxqarQCRbOY/s400/fig04.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5410237264928713186" /&gt;&lt;br /&gt;結果として、みんなあまり考えられていないなぁ。知らないことを表現するのは難しい。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SxULEwi6-gI/AAAAAAAAAnY/tafDfHU8HWg/s400/fig05.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5410242703734274562" /&gt;&lt;br /&gt;次週の模型表現に期待します。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-6960074985555556002?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/6960074985555556002/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/11/098.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/6960074985555556002'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/6960074985555556002'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/11/098.html' title='09　第8回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6r_fWtCKqMM/SxT-1G3C8NI/AAAAAAAAAm4/ch8Ho4rAGMY/s72-c/fig01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-8825772030073689712</id><published>2009-11-13T23:32:00.026+09:00</published><updated>2009-11-26T20:10:32.245+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='アニメーション'/><title type='text'>09　第7回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;映像的な構成で描く&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今回は、対象であるおもちゃが徐々に変化していく様子を、時系列に配置していくことによる図解表現を試みます。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-1 動きを感じる表現&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;別の授業で、アニメーション表現の基本としての「仮現運動」について説明しました。人間は、コマ撮り写真のような複数の画像を連続してみたときにその差分を頭の中で動きとして認識している、ということですね。その発見が映画や様々な映像表現につながっています。&lt;br /&gt;　今日のテーマはこの映像的表現を図解表現に応用するということです。絵コンテなどのように、コマ（画面、フレーム）を並べて、動きの遷移を表現する訳ですが、そのとき意識すべきポイントをまずは確認しておきましょう。&lt;br /&gt;&lt;br /&gt;その1：動きとは移動または変形&lt;br /&gt;移動はオブジェクトそのものは変化させずに位置や比率を変えて動きを表す方法。比率をかえることによって奥行きや視点の移動を表現できる。&lt;br /&gt;変形はオブジェクトの形状を変えてしまう動き。&lt;br /&gt;&lt;br /&gt;その2：モノそのものの変化 or 背景の変化&lt;br /&gt;動きを感じさせるためには、動いているものそのものを画面の中で移動・変化させるか、動く対象を固定して背景の方を動かす方法があります。&lt;br /&gt;&lt;br /&gt;その3：視点の設定と視界（フレーム）の固定&lt;br /&gt;画面の中で動きを感じるには、何か基準になるものが用意されていて、その基準となるものと動くオブジェクトとの相対的な関係によって、動いていると知覚できる。基準の一つは画面の枠（フレーム）で、これが固定されることでオブジェクトの位置や形が変化すると、オブジェクトかそれを見ている自分のどちらかが動いていると感じる。&lt;br /&gt;&lt;br /&gt;これらのポイントをレイアウトと効果的に組み合わせることで、時間的な変化を説明するための図解表現を実現できるのだ。&lt;br /&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Swum71CD8yI/AAAAAAAAAlQ/Fac6MVIfeTs/s400/fig01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5407599324366631714" /&gt;&lt;br /&gt;▲練習問題：何フレームあればひとつの「動き」を説明できると思いますか？&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-2 おもちゃの「動き」を分解してみる&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;練習問題をふまえて、目の前のおもちゃの動きをフレームに分解して描いてみましょう。&lt;br /&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SwupeoqUSpI/AAAAAAAAAlY/k1jpof0u464/s400/fig02.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5407602121364490898" /&gt;&lt;br /&gt;描いた絵で動きを表現できているか、デジタルカメラで各フレームをコマ撮りにして確認しながら表現を絞り込みましょう。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-3 作品化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A3サイズという限られたスペースに、何フレームに分割して「動き」をレイアウトするかが、今日の表現のポイント。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 139px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Swu-UBlXNLI/AAAAAAAAAl4/dINaFiPQNvI/s200/fig03.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5407625028820219058" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 139px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Swu-FT8ybbI/AAAAAAAAAlw/t6fPngLFSTU/s200/fig04.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5407624776052272562" /&gt;&lt;br /&gt;それから、表面的な動きに気を取られて、肝心なしくみの部分が表現されていないのも、課題に対する「こたえ」としてはもの足りません。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-5 振り返り&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;レイアウトする時に、どの部分を基準にして、どれくらいの範囲をフレームとして想定するかが、今回の表現の鍵となります。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Sw5V2IRkmhI/AAAAAAAAAmA/F3w1KLpmD3U/s400/fig05.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5408354590941026834" /&gt;&lt;br /&gt;▲どこで区切るか：連続的なコマのどこで区切りを入れるかを検討しましょう。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Sw5WAsrqHOI/AAAAAAAAAmI/CE64RDPSwE8/s400/fig06.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5408354772512808162" /&gt;&lt;br /&gt;▲意味のまとまり：関連する要素の配置、目線の誘導、余白の活用は必須。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 355px; height: 196px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Sw5WLINZfEI/AAAAAAAAAmQ/4VYKkszE3Jc/s400/fig07.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5408354951700773954" /&gt;&lt;br /&gt;▲揃える：基準となる部分をどのように揃えるかによって、動きや変化の明示さに差が出ます。縦に並べるか、横に並べるかも、基準次第。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 310px; height: 196px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Sw5heIOWjNI/AAAAAAAAAmY/sZ8Mm9R6A38/s400/fig08.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5408367372750195922" /&gt;&lt;br /&gt;▲フレーミング：どの範囲までを表示フレームとするかによって、動きの全体像の把握しやすさも変わります。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-8825772030073689712?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/8825772030073689712/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/11/097.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/8825772030073689712'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/8825772030073689712'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/11/097.html' title='09　第7回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_6r_fWtCKqMM/Swum71CD8yI/AAAAAAAAAlQ/Fac6MVIfeTs/s72-c/fig01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-5840733023149903592</id><published>2009-11-06T23:23:00.029+09:00</published><updated>2009-11-08T16:40:12.298+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='構造'/><category scheme='http://www.blogger.com/atom/ns#' term='プレゼンテーション'/><category scheme='http://www.blogger.com/atom/ns#' term='レイアウト'/><category scheme='http://www.blogger.com/atom/ns#' term='チャート'/><title type='text'>09　第6回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;ことばを図に&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;文章の構造を利用して説明の内容を図で現す、というのが今日のミッションです。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-1 ことばを絵に、絵をことばに&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今日の最初のステップは、ことばと絵それぞれの特徴と関係性を知ることです。&lt;br /&gt;&lt;br /&gt;・ことばを絵に&lt;br /&gt;まずは「猫」「食べる」「おはよう」など、さまざまなタイプのことばを絵で表してみます。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 199px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SvYsGbJ3w9I/AAAAAAAAAjQ/4Zf2S7zC5cI/s400/fig01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401553291957486546" /&gt;&lt;br /&gt;描き上がった絵だけを共有して、どんな特徴があるかを見てみると・・・。別の人が相談もせずに描いているのに、似たようなイメージになってしまっていますね。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SvZDegNgUBI/AAAAAAAAAjg/i_kix97qBVk/s400/fig03.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401578994399203346" /&gt;&lt;br /&gt;これも表現のヒントです。このような共通のイメージを、積極的に利用したり意図的に避けたりすることによって、コミュニケーションを豊かなものにできるのです。&lt;br /&gt;（参考リンク：&lt;a href="http://www.gege-channel.com/mdc/ws01/02_b.html" target="_blank"&gt;絵で意味を伝えてみよう&lt;/a&gt;）&lt;br /&gt;&lt;br /&gt;・絵をことばに&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SvZB0PpJllI/AAAAAAAAAjY/_VplPZ6y4U4/s400/fig02.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401577168885618258" /&gt;&lt;br /&gt;さて今度は、自分が描いたことを一度忘れて、目の前の「絵」が何を描いたものなのか、突っ込みを入れてみましょう。「さかな」「ねこ」はまだしも、「食べる」「ともだち」「お早う」は、全く違うことばに変わっていませんか？&lt;br /&gt;&lt;br /&gt;・絵とことばを組み合わせる&lt;br /&gt;そこでこれらの絵に、元のことばを添えてみます。すると、なんということでしょう！「ともだち」という絵は「ともだち」にしか見えないし、「お早う」は完璧に「お早う」というイメージに見えてしまうではありませんか。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 251px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SvZGYX6tQUI/AAAAAAAAAjo/lZ2Tt4ptI3U/s400/fig04.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401582187628544322" /&gt;&lt;br /&gt;さらに今度は、元の意図とはちがう別のことばと絵を組み合わせてみます。すると、そこには想像力をかき立てる様々なイメージが浮かび上がってきます。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 242px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SvZGkBkI4QI/AAAAAAAAAjw/MCNsF2VcSIc/s400/fig05.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401582387786735874" /&gt;&lt;br /&gt;これが視覚表現を用いたコミュニケーションの奥深い、面白いところです。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-2 動きをことばで説明してみる&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;さあここからが今日のメインプロジェクト。「ことばを絵に」の“ことば”の部分の表現の練習です。&lt;br /&gt;2人ペアになって、それぞれ自分のおもちゃの動きを相手に説明します。相方はその説明の内容をメモしながら聞いてあげます。説明が解りやすいか、自分が理解できたかもフィードバックしてあげましょう。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 112px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SvZOGXOgiHI/AAAAAAAAAj4/tEErIc7uPiQ/s400/fig06.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401590674298538098" /&gt;&lt;br /&gt;説明がうまくできたら、説明した側の人は、そのメモを元に自分のおもちゃの説明を文章にします。出来上がった文章は、声に出して読んでみると（さらに相方に聞かせてみると）その内容が解りやすいか、言葉足らずかどうかもわかります。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 117px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SvZRrXNKyiI/AAAAAAAAAkA/hNJG1BGci78/s400/fig07.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401594608482961954" /&gt;&lt;br /&gt;説明の順序や詳しさ、ことばの選び方が、解りやすい説明文をデザインするポイントです。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-3 説明の持つ構造を視覚化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;出来上がった文章を元に、おもちゃの動く仕組みを図（チャート：図式）にしていきます。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SvZTBc0A8LI/AAAAAAAAAkI/CvGYYGz8M1Q/s400/fig08.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401596087456821426" /&gt;&lt;br /&gt;文章をよく眺めてみると、説明の手順ごとに、いくつかのまとまりになっているはずです。このまとまりごとにイラスト化し、それぞれを矢印などでつないでいくと、チャートが出来上がります。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-4 作品化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今回の作品では、チャートを主役に、説明の文章も画面の中にレイアウトしてみます。雑誌の見開き記事のようなイメージを目指して、美しく、カッコいい画面に仕上げてください。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SvZW2thEpcI/AAAAAAAAAkQ/yq8Q2cWmYzY/s400/fig09.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401600301008725442" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SvZsYGRABrI/AAAAAAAAAkg/naAFFZevNf0/s200/fig11.jpg" border="0" alt="こまで遊ぶ"id="BLOGGER_PHOTO_ID_5401623964332066482" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SvZsJE1ezMI/AAAAAAAAAkY/H0IUazrZvbE/s200/fig10.jpg" border="0" alt="空気ポンプではねるカエル"id="BLOGGER_PHOTO_ID_5401623706250169538" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 146px; height: 194px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SvZszqyW0SI/AAAAAAAAAko/vVHbmeidzkQ/s200/fig13.jpg" border="0" alt="コマが回るまで"id="BLOGGER_PHOTO_ID_5401624437992116514" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 146px; height: 194px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SvZs8qJmnyI/AAAAAAAAAkw/efky9Nm_2U0/s200/fig12.jpg" border="0" alt="ピョンピョン跳ねる親子ガエル"id="BLOGGER_PHOTO_ID_5401624592440008482" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SvZtdIDlVcI/AAAAAAAAAk4/eVerR_5cxhM/s200/fig14.jpg" border="0" alt="ぜんまいおもちゃ"id="BLOGGER_PHOTO_ID_5401625150223635906" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SvZtmxy54BI/AAAAAAAAAlA/YlyKn5FEzF0/s200/fig15.jpg" border="0" alt="たけとんぼ"id="BLOGGER_PHOTO_ID_5401625316046790674" /&gt;&lt;br /&gt;説明の順序に工夫はあるか、文字と絵の相乗効果を活かしているか、説明のつながりがデザインされているか（番号、矢印、補助線など）。説明を魅力的にするチャートのデザインができたでしょうか？&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-5 振り返り&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今日の表現は、簡単に言ってしまえば「取り扱い説明図」ということになりますね。授業終了後にある学生が、「自分のやってたことがそのまま箱の裏に書かれていました（汗）」と言ってきてくれました。そう、そのとおり。単に手順を伝えるだけなら箇条書きでも良さそうですが、文字を努力して読むよりひとめ見た方が早いし、絵の方が直感的に要点をつかめて解った気になれる、など、チャートを積極的に使うことで知識の共有の可能性は広がります。ただし、図にすることで解りにくくなってしまうこともあるのです。各要素のレイアウト（余白の使い方、要素の並び順など）、番号や矢印の使い方、イラストの品質、説明文と図（絵）の位置関係、タイトルの付け方やことばの選び方・・・。気になりだすといくらでも改善の余地はあり、それらをクリアすればそれだけ表現の質も上がる、と言うまさにグラフィックデザインの王道がここにあります。今後、自分のノートやプレゼンテーションの度にこの経験を思い返して応用してみてください。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;今日のおまけ&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SvZ0LAYoEsI/AAAAAAAAAlI/-rQ8F98piLk/s200/fig16.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5401632535508161218" /&gt;今回は授業で言い忘れてしまったこともいくつかあったので、この記事で補っています。&lt;br /&gt;それと今日の課題は私（原田）も完成とまではいきませんでした。悔しい！学生の方はだんだん、こつをつかんできたような気もします。でも、仕事が速くても結果としてザツなものになってしまっては意味がありません。クオリティを常に意識して、楽しい表現活動を続けましょう。では、また来週。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-5840733023149903592?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/5840733023149903592/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/11/096.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/5840733023149903592'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/5840733023149903592'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/11/096.html' title='09　第6回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6r_fWtCKqMM/SvYsGbJ3w9I/AAAAAAAAAjQ/4Zf2S7zC5cI/s72-c/fig01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-1604615796500860087</id><published>2009-10-30T23:00:00.011+09:00</published><updated>2009-11-30T19:57:37.840+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='プレゼンテーション'/><title type='text'>09　第5回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;今日は序盤のチェックポイント&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;この授業でトライしている「説明のデザイン」の実際の例として、『不都合な真実』という映画作品を紹介しました。&lt;br /&gt;後半は何と、テスト！この機会にデザイン用語についても使えるようになってもらいたい、という思いからです。&lt;br /&gt;&lt;br /&gt;&lt;iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=designcompass-22&amp;o=9&amp;p=8&amp;l=as1&amp;m=amazon&amp;f=ifr&amp;md=1X69VDGQCMF7Z30FM082&amp;asins=B000MQCT24" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"&gt;&lt;/iframe&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-1604615796500860087?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/1604615796500860087/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/10/095.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/1604615796500860087'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/1604615796500860087'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/10/095.html' title='09　第5回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-2812033918623776196</id><published>2009-10-23T22:22:00.040+09:00</published><updated>2010-01-22T13:41:39.884+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='構造'/><category scheme='http://www.blogger.com/atom/ns#' term='イラストレーション'/><category scheme='http://www.blogger.com/atom/ns#' term='レイアウト'/><title type='text'>09　第4回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;構造を描く&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;二週間ぶりの授業です。前回は、ちょっと頭を使わなければなりませんでしたが、今回はどちらかというと体力勝負。さて。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-1 そのまえにレイアウト&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Su6tnBwwYHI/AAAAAAAAAhY/TAbcwyRqNqA/s400/fig01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5399443889263239282" /&gt;&lt;br /&gt;レイアウト＝画面の中に要素を配置すること。ただそれだけの行為の奥深さ。&lt;br /&gt;たとえば、自分の感性のなすがままの逐次的な表現と、予め材料を用意して計画的に配置していく表現とを比べてみると、明らかにその差が解ります。&lt;br /&gt;まず画面の中に、最もかっこ良いと思われる位置に直線を描いて。次は最初の線を活かしつつ、重なっても良いので最もかっこ良いと思われる位置に矩形を描いて。つぎは円を描いて。つぎは三角形を描いて・・・。と、思いつくままに要素を描き加えていくと、それなりに作品に見えるような表現にはなりますが、そのクオリティは自己満足に過ぎません。&lt;br /&gt;では、今描いた様々な図形を、今度は重ならないように、それぞれの要素の大きさの比率も考慮して整然と配置してみましょう。出来上がった表現は、逐次的に描いたものほどのダイナミックさはありませんが、説明的に各要素がはっきりと見えて、知的な美しさを醸し出します。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Su62nOve-FI/AAAAAAAAAhg/lAiPAhBjxNc/s200/fig02.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5399453788352215122" /&gt;&lt;br /&gt;もうひとつのレイアウトのポイントは、余白のコントロールです。均等に配置する場合でも、要素間の余白をどれだけとるかによって、全体のまとまり感が変わってきます。また、関係の深い要素同士がひとまとまりに見えるように配置すれば、わざわざ新たな罫線で囲まなくても、それらをひとつの固まりとその要素として認識させることが出来るのです。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-2 部品を並べてみる&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;さて、ここからが今日の本題。まずは、おもちゃの部品を一覧できるように並べてみましょう。step-1をふまえて、単に並べるのではなく、各パーツの関係を意識して、まとまりや繋がりを説明できるようなレイアウトを考えます。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 221px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Su66yPiSqFI/AAAAAAAAAho/QwEPK73AWnc/s400/fig03.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5399458375590389842" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Su676yxbSVI/AAAAAAAAAhw/hrsT52eP5NU/s400/fig04.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5399459621999692114" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-3 構造の視覚化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;つぎは、図解（illustration）に挑戦です。おもちゃの各部品の連動を透視図や組立図として描いてみます。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SvE53Z4TsnI/AAAAAAAAAh4/sUd6QElmSCo/s400/fig05.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5400161052196582002" /&gt;&lt;br /&gt;ここが今日のメインテーマ。動きを生み出す構造、つまり部品間の相互関係と全体像を理解しつつ，描いてみようという訳です。外からは見えないメカニズムを、どの角度から、どの部分を透過して表現したら、ひとつの2次元画像として説明できるでしょうか。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-4 作品化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;いつも通り、きょうもここまでの成果を作品としてまとめます。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 150px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SvFcU9vx6uI/AAAAAAAAAiA/O-hymHTDa4E/s400/fig06.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5400198943436040930" /&gt;&lt;br /&gt;今日の課題のポイントは、部品一覧と構造図を、一つの画面内にどのように関連づけてレイアウトするかです。色についても、おもちゃの色を再現するのでなく、配色による機能を工夫して、魅力的な構成を目指します。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SvFlrFDI7KI/AAAAAAAAAio/-UlWqRUDdUA/s320/fig07.jpg" border="0" alt="ひもをひっぱる力とゴムがのびる力で手足がうごくおもちゃ"id="BLOGGER_PHOTO_ID_5400209218958060706" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SvFmCofG6GI/AAAAAAAAAiw/bVv0r_GXbRM/s320/fig08.jpg" border="0" alt="糸が引っ張られることにより小鳥の首が下がる"id="BLOGGER_PHOTO_ID_5400209623607601250" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SvFmZuT2jAI/AAAAAAAAAi4/Hqa006dFo08/s320/fig09.jpg" border="0" alt="ゼンマイで動くペンギン"id="BLOGGER_PHOTO_ID_5400210020307995650" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SvFnhPKi4aI/AAAAAAAAAjI/agCVo8IDFTI/s320/fig10.jpg" border="0" alt="歯車のおもちゃ"id="BLOGGER_PHOTO_ID_5400211248898040226" /&gt;&lt;br /&gt;今回は、おもちゃの部品という明確なカタチを持った素材があるので、丁寧に表現すればかなりまとまりのある作品に仕上げることができたと思います。部品一覧と構造図の関係については、工夫の余地が残っているなぁ。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-5 振り返り&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今日のテーマは「図解」、すなわち「イラストレーション」でした。見えない部分を見せる、光を当てる、明らかにする、説明する、というグラフィック表現に置ける情報デザインのど真ん中の表現を体験してもらいました。&lt;br /&gt;「図解」表現は、日常の中でも特別な行動を要する場面で利用されます。たとえば新しい道具を使い始めるとき、組み立てるとき、たまにしか使わない道具（情報）と接するとき、ある事柄の背景や詳細を簡単に把握したい場合など、あなたも必ずお世話になっているはず。&lt;br /&gt;「図解」を表現する場合は、ただ表面的なカタチをなぞるのではなく、その内部の本質的な部分に焦点を当てて表現者自身がまずのその構造を理解することが必要です。&lt;br /&gt;このような説明のためのイラスト表現の巨匠!?として、デヴィッド・マコーレイを紹介しておきます。『The Way Things Work』をはじめとして、さまざまな説明的絵本が出ています。要チェック。&lt;br /&gt;また、用語としての「イラストレーション」の説明はこちら。→&lt;a href="http://ja.wikipedia.org/w/index.php?title=%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&amp;oldid=28824012"&gt;イラストレーション&lt;/a&gt;（Wikipedia）&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-2812033918623776196?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/2812033918623776196/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/10/094.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/2812033918623776196'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/2812033918623776196'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/10/094.html' title='09　第4回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6r_fWtCKqMM/Su6tnBwwYHI/AAAAAAAAAhY/TAbcwyRqNqA/s72-c/fig01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-2176958727487509239</id><published>2009-10-09T22:22:00.025+09:00</published><updated>2009-10-14T23:34:31.896+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='データグラフィックス'/><category scheme='http://www.blogger.com/atom/ns#' term='ピクトグラム'/><category scheme='http://www.blogger.com/atom/ns#' term='インフォグラフィックス'/><title type='text'>09　第3回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;測って描く&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今回はのテーマは「測る：数値の視覚表現」。おもちゃのかたちそのものではなく、そのおもちゃの動きにまつわる「データ」をモチーフとした視覚表現に挑戦します。&lt;br /&gt;今日も5つのステップを踏んで最終的に作品を作り上げる、というプロセスで進めていきます。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-1 文字を書く&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;本題の表現に入る前に、プチ・レタリングの時間を設けました。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 399px; height: 133px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/StU4e9T31II/AAAAAAAAAew/Lvgwuvl6nwo/s400/fig01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392278233351181442" /&gt;&lt;br /&gt;▲教科書の中の一行を、文字のかたちを見ながら3段階の大きさで書き分ける&lt;br /&gt;&lt;br /&gt;文字も表現であり、表現の要素である、という意識を持ってもらうためです。せっかく表現を頑張っても説明のために入れる文字が「ダメダメ」では話にならないからね。手描き表現だからといって、文字のレイアウトや表示がテキトウでよい訳はないのです。&lt;br /&gt;パソコンやグラフィックソフトがなくてもデザインはできる!&lt;br /&gt;「画面に対して可読性を保持した最小の文字サイズ」をコントロールすることが、カッコいいレイアウトの鍵ですよ。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-2 おもちゃの動きを測る&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;さて、ここからが本題です。おもちゃの動きをデータ化して表にまとめるのが、このプロセスでの活動。思いっきり遊んでよいけれど、そのおもちゃの動きを観察しながら、「動き」にまつわるさまざまなデータを抽出しなさい、というミッションでしたが、教室内はスゴいことになってしまった。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/StU_Z87PWWI/AAAAAAAAAe4/dbSM1EFzEZw/s400/fig02.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392285843929913698" /&gt;&lt;br /&gt;データといっても高度な計測機器はないので、用意してきた定規、メジャー、秤、分度器やストップウォッチなどを駆使して、寸法、距離、時間、重さ、速さ、強さ、タイミング、回数、など様々な視点からデータを集めました。どんな視点や方法でならそのおもちゃならではのデータを得られるか、それを考えて実践することが今日の一番大事なステップなのです。&lt;br /&gt;&lt;br /&gt;ところで、別に普段遊べばいいのに、授業の中で遊べると嬉しいのはなぜだろう？&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-3 データの視覚化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;このステップは、数値を図形に置き換えることによって、そのオモチャの動きの特徴を表現する練習です。得られたデータを直感的に把握できるような視覚表現に変換する方法を探ります。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/StVEnKvE1YI/AAAAAAAAAfA/B0LiGuqpIDo/s400/fig03.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392291568533427586" /&gt;&lt;br /&gt;矩形、円、三角形などの単純な図形を組み合わせて、「量」「数」「比率」などの数値を、長さや面積、グラフやチャートに置き換えていきます。&lt;br /&gt;この表現は、データという実体のないコンテンツに表現によって形を与える、複数のデータの関係性によって全体像を語る、まさにコンテンツデザインの基礎練習となっています。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-4 作品化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;アイデアスケッチの中から、これはイケると思ったものを、A3ケント紙に美しくレイアウトします。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 398px; height: 99px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/StXSrVAyJII/AAAAAAAAAfI/lzoOknRw2t8/s400/fig10.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5392447770662675586" /&gt;&lt;br /&gt;チェックポイントとして、&lt;br /&gt;・どんなオモチャか：表現からそのオモチャらしさが溢れているか?&lt;br /&gt;・どんなデータか：何を現すデータか、直感的に把握できるか？&lt;br /&gt;・それがどうした：そのデータはオモチャの魅力に繋がっているか？&lt;br /&gt;を挙げはしましたが、残念ながら、そこまで作品に盛り込むのは難しかったかな。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/StXTKuQWBJI/AAAAAAAAAfQ/tw_VhAp1K4M/s200/fig08.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392448310014772370" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/StXTYGHjYwI/AAAAAAAAAfY/Xz5dR3UP1dg/s200/fig07.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392448539758650114" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/StXUpDtARGI/AAAAAAAAAfg/CNexlTll4dQ/s200/fig06.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392449930679829602" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 194px; height: 146px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/StXVD0IzwKI/AAAAAAAAAfo/NyHUALD19YM/s200/fig09.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392450390357950626" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 146px; height: 194px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/StXVn08XD-I/AAAAAAAAAfw/u2rebQ3fGX8/s200/fig04.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392451009049464802" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 146px; height: 194px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/StXVx8deDMI/AAAAAAAAAf4/S68xSDwcZKI/s200/fig05.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5392451182866074818" /&gt;&lt;br /&gt;限られた時間の中での表現なので、ことば足らずだったり、データの内容と形状の整合性がとれていなかったり。作者にどう気づかせたらよいものか。でも、可能性を感じる作品もいくつかありました。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-5 振り返り&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;データの視覚化と言えば、オットー・ノイラート。オーストリアの社会学者だったノイラートは1920年代に、ISOTYPEと呼ばれるピクトグラムを用いた視覚表現によって、統計情報を一般の人でも解釈できる身近なものとして提示しました。現在の公共標識などに使われているピクトグラム、アイコンの原点です。&lt;br /&gt;（くわしくはウェブや書籍で調べてみてくださいね）&lt;br /&gt;今回の制作活動のキーワードは「表」「グラフ」「チャート」。&lt;br /&gt;それぞれの特徴と目的に合わせた表示方法の使い分けを、今日から意識しましょうね。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;今日のおまけ&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 150px; height: 150px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/StXg1DcBHyI/AAAAAAAAAgA/mIdU-X9PZp0/s200/fig11.jpg" border="0" alt="今回は考えながらの作業、作品もちょっと消化不良だったなぁ"id="BLOGGER_PHOTO_ID_5392463330906545954" /&gt;今回も、受講者と同じ条件で、教員も作品を制作。いやー、今回の課題は結構難しかったかな。少しでも、学生たちに刺激を与えられればよいのだが。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-2176958727487509239?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/2176958727487509239/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/10/093.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/2176958727487509239'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/2176958727487509239'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/10/093.html' title='09　第3回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_6r_fWtCKqMM/StU4e9T31II/AAAAAAAAAew/Lvgwuvl6nwo/s72-c/fig01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-1031582977371319941</id><published>2009-10-02T23:00:00.027+09:00</published><updated>2009-10-08T12:21:08.038+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='ピクトグラム'/><title type='text'>09　第2回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;かたちをとらえて描く&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;いよいよ、今日から実制作の始まりです。&lt;br /&gt;授業の開始前から、学生たちが持ち寄ったおもちゃで、にぎやかしいこと。&lt;br /&gt;今日の演習は5つのステップを順に進めていく構成で、なんとか時間内に結果を出す、という目標を立てて進めました。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-1 線で描く、面で描く、点で描く&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 240px; height: 180px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SsoUYSZ-xgI/AAAAAAAAAco/AeLXSgKQcmI/s320/IMG_1229.JPG" border="0" alt="線、面、点で描く練習"id="BLOGGER_PHOTO_ID_5389142311592445442" /&gt;まずはウォーミングアップ。A3スケッチブックに、マーカーなどで線をたくさん描いてみます。姿勢を正し、呼吸を整え、手先だけなくカラダ全体を使って気持ちよく。水平、垂直、円、波形と、いろいろな線を描いてみます。次はそれらの線の交差によって生まれた様々な形状を塗りつぶしてみます。丁寧に塗りつぶすというよりも、リズミカルに線で埋めていく、というイメージです。さらに、ドットを使って面の濃淡を表現してみます。点と点の間隔をコントロールすることで、濃淡だけでなく面の歪みも表現できます。&lt;br /&gt;こんな単純な表現方法でも、研ぎすませていけば人を感動させる表現を生み出すことが出来るのです。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-2 観察しながら描く&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;さて、それでは点、線、面を組み合わせて、用意したおもちゃのカタチを描いてみましょう。まずは、画面一杯に大きく。いろんな角度から。つぎは、そのもちゃの特徴的な部分を拡大して。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SswlaUACS9I/AAAAAAAAAc4/-eoqzOiG1wc/s400/fig02.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5389723988031327186" /&gt;&lt;br /&gt;現物をしっかり見て描く。当たり前のことですね。&lt;br /&gt;ところで立体物を平面上に表現する上で欠かせない技法が、遠近法です。透視図法とか、習いましたよね。これも応用してください。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-3 技法を用いて描く&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;ここで言う技法とは、立体を平面に置き換える時によく用いられる、パターン化された表現方法のことです。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 115px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SsxBl9nlG6I/AAAAAAAAAdA/qsBN6o7VlJg/s400/fig03.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5389754974507178914" /&gt;&lt;br /&gt;a. シルエット:そのものの全体が把握できるような角度からの輪郭線のみを捕らえた表現。光を当てた時に壁に映るそのモノの影。&lt;br /&gt;b. ハイライトとシャドウ：モノの表面の凹凸に注目し、ある方向からの光が当たっている部分と影になる部分の２階調による表現。光の当たる角度と、それをどこから見るか、光と影の境界をどこに置くかがポイント。&lt;br /&gt;c. ダブルトーン：２階調化した表現の陽と陰のそれそれに一つの色を割り当て、配色によってそのモノのかたちを印象づける表現。同系色、補色、寒色と暖色、進出色と後退色など、組み合わせの工夫で様々なイメージを創り出せる。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 240px; height: 185px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SsxcUpAGZpI/AAAAAAAAAdI/I5_Rr2VP2G8/s320/fig04.JPG" border="0" align="right" alt=""id="BLOGGER_PHOTO_ID_5389784363729053330" /&gt;今回は、そのおもちゃの特徴を最も表していると思われる角度からのシルエットを描き、そこからハイライト部分を取り除くことでシャドウ部分を表現、そのシャドウ部分を使ってダブルトーン表現にもっていく、という手順でいろいろスケッチを描いてみます。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-4 作品化&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;さあ「これだ」というイメージが出来上がったら、いよいよ作品化です。3つの表現をA3ケント紙に美しくレイアウトして、時間内に作品に仕上げました。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 293px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Ss1T_sQNJxI/AAAAAAAAAeA/nJxAz3_2aDs/s400/fig05a.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5390056682708346642" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 295px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Ss1VGXXKCzI/AAAAAAAAAeQ/6zYZCxTd_sU/s400/fig05b.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5390057896871070514" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 200px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Ss1VdSbjsJI/AAAAAAAAAeY/jP6qizKkIn8/s400/fig05c.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5390058290684342418" /&gt;&lt;br /&gt;配色については別の機会にしっかりやらないといかんナぁ。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;step-5 振り返り&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;最後は恒例「プチ展覧会」で他の学生の作品を鑑賞、今日のポイントを再確認して終わりました。&lt;br /&gt;今回の課題は、これまでの演習授業で学んできた「観察からかたちを導き出す」という活動の応用でした。そして、受講生の皆さんがデザイナーを目指す限り、この活動は永遠に続きます。&lt;br /&gt;技法という視点では「かたちを描くための技法」の応用でもありました。遠近法、配色、べた塗り・・・。実は、これらを効率よく結果に結びつけるツールが、グラフィックソフトや3DCGソフトだったりします。&lt;br /&gt;逆に今回の課題の応用として、公共の標識やアイコンなどに使われるピクトグラムがあります。世の中に、どんなイケているピクトグラムがあるか、目を凝らして探してみてください。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Ssx3zGP3b6I/AAAAAAAAAdY/Kso4LtiQZs0/s400/fig06.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5389814573789835170" /&gt;&lt;br /&gt;図：今日の活動をふりかえり中&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;背中を見せる&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="float:right; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Ss1XJwT2evI/AAAAAAAAAeo/MiE8ltNSW5M/s200/DSC05424.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5390060154130954994" /&gt;実はこの授業、教員も一緒に制作してます。美術系と違ってアナログ表現の経験値が少ない受講生たちに、どこまでやればいいのかをことばで説明しても伝わらないと感じるからです。&lt;br /&gt;ちなみに今回は、何人かの学生にはポスターカラーのベタ塗りで、負けましたorz...（25年ぶりだもんなぁ、絵筆）。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-1031582977371319941?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/1031582977371319941/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/10/092.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/1031582977371319941'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/1031582977371319941'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/10/092.html' title='09　第2回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_6r_fWtCKqMM/SsoUYSZ-xgI/AAAAAAAAAco/AeLXSgKQcmI/s72-c/IMG_1229.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5707518185912208357.post-5338999614885493151</id><published>2009-09-25T23:23:00.008+09:00</published><updated>2009-10-14T11:04:57.584+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='インフォグラフィックス'/><title type='text'>09　第1回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;オリエンテーション&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;さて、新しい授業が始まりました。視覚表現の基礎をこの授業でどこまで理解してもらえるか、不安です。が、踏ん張ってやっていきましょう。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;知識と技術の相互作用&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;この授業の目的は、視覚表現を中心としたデザインのための基本的な考え方と技法を身につけることです。2年生の後半というタイミングで、これまで学んできた基礎的な知識と技を再度確認しながら、これから始める専門課程に向けた準備をする、そんな時間として位置づけてほしい。プロを目指す「卵」としての心構えを、ここでしっかり確認しておきたいと思っています。&lt;br /&gt;ということで、この授業のルールを以下のように明示しておきます。&lt;br /&gt;・手を動かしながら学ぶ（まず表現ありき）&lt;br /&gt;・時間内に仕上げる（期限までに結果を出す）&lt;br /&gt;・プロを目指す人が集まる場として振る舞う（暗黙のルール）&lt;br /&gt;まあ、当たり前のことですが、今時の若者はマニュアルが無いと行動できない、という説もあるので、明文化しておくことにしました。&lt;br /&gt;&lt;br /&gt;ついでにマナーも明文化しておくと、&lt;br /&gt;・道具は自己管理&lt;br /&gt;・自分で調べる&lt;br /&gt;・ノートを取る&lt;br /&gt;・ちゃんとやっている人の邪魔をしない&lt;br /&gt;と、これも当たり前のことですが、100人を超える受講者が、それぞれちゃんと結果を出すにはお互いがお互いを甘やかさないことが、大前提でしょう。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;&lt;br /&gt;うごくおもちゃのしくみを説明する&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;これまで3年生の前期に解説していた演習科目の内容を半分に分けて、その前半部分をこの授業で実施することにしました。それが、課題テーマです。&lt;br /&gt;受講生の皆さんには、様々な切り口で「動き」や「しくみ」を静的な視覚表現としてデザインしてもらいます。&lt;br /&gt;おもちゃを素材に様々な視覚表現を試みることで、最終的にはひとり10種類を超える「動くおもちゃのしくみを説明する」表現が出来上がるわけですね。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 231px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SslvsMQt_NI/AAAAAAAAAcg/XOqI6s5DT-k/s400/IMG_1092.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5388961234121784530" /&gt;&lt;br /&gt;図：たとえばこんなおもちゃ、と例を紹介しているところ&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;授業プログラム裏話&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;この授業の準備に当たって、「今、学生たちに伝えるべきことは何か」を随分と悩みました。&lt;br /&gt;・物語る力（妄想力）の不足&lt;br /&gt;・表現への欲望の淡白さ&lt;br /&gt;（手が動かない、一度そこそこできればそれで満足）&lt;br /&gt;・造形表現の出発点とも言える「美しい」という価値に対する&lt;br /&gt;　自己基準のなさ&lt;br /&gt;このような今どきの学生クンたちに対する不安、不満をどう解消するか？&lt;br /&gt;「漫才のネタを作って実演（楽しませるコミュニケーションの基本、体を使った表現）」「ひたすら色彩構成（バウハウスへの回帰、アナログ表現からの再出発）」「博物館などを題材にしたWS（コンテンツデザインの課題と可能性を現場で考える）」・・・など、100名を超える受講生に向けた演習授業としての現実性もふまえて、あれこれイメージングしてみましたが、結局、「やっぱり、インフォグラフィックスかな」というところに落ち着きました。&lt;br /&gt;&lt;br /&gt;視覚表現の基本として、「メッセージをカタチに落とし込む」という単なるお絵描きではない、共有し解り合うための表現、の入り口を学生たちに発見してもらおうと思います。&lt;br /&gt;&lt;br /&gt;来週からの授業をお楽しみに。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5707518185912208357-5338999614885493151?l=com-design1.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://com-design1.blogspot.com/feeds/5338999614885493151/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://com-design1.blogspot.com/2009/09/09-1.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/5338999614885493151'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5707518185912208357/posts/default/5338999614885493151'/><link rel='alternate' type='text/html' href='http://com-design1.blogspot.com/2009/09/09-1.html' title='09　第1回'/><author><name>haraday</name><uri>http://www.blogger.com/profile/16837926113092606763</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://bp2.blogger.com/_6r_fWtCKqMM/SJK8ZEBOgzI/AAAAAAAAAAM/jynKWM_Y5rE/S220/yabai.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6r_fWtCKqMM/SslvsMQt_NI/AAAAAAAAAcg/XOqI6s5DT-k/s72-c/IMG_1092.JPG' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
