<?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-8641832588424582735</id><updated>2011-08-02T02:01:05.923+09:00</updated><category term='layout'/><category term='Reflection'/><category term='interaction'/><category term='tool'/><category term='learning'/><category term='survey'/><category term='DIG'/><category term='infographics'/><category term='presentation'/><category term='Prototyping'/><title type='text'>視覚デザイン論および演習2</title><subtitle type='html'>千葉工業大学　デザイン科学科　3年時対象の授業です。毎回の内容と補足をここに、記録として残していきます。</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://visual-design-2.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>15</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-1981882034751180942</id><published>2009-08-04T22:00:00.003+09:00</published><updated>2009-08-04T15:47:17.762+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Reflection'/><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/8641832588424582735-1981882034751180942?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/1981882034751180942/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/08/0915.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/1981882034751180942'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/1981882034751180942'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/08/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-8641832588424582735.post-4697377522270467863</id><published>2009-07-28T22:00:00.002+09:00</published><updated>2009-08-04T16:04:16.325+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='presentation'/><title type='text'>09　第14回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;課題2：動くおもちゃのしくみ&lt;/span&gt;（その8）&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;img style="cursor:pointer; cursor:hand;width: 400px; height: 195px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SnfdQtLq1BI/AAAAAAAAAas/SDtLbwQZeNk/s400/IMG_4349.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5366000760111420434" /&gt;&lt;br /&gt;今回は高橋先生と横溝先生もご招待して、大人の目線からのコメントも色々といただきました。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-4697377522270467863?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/4697377522270467863/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/07/0914.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/4697377522270467863'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/4697377522270467863'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/07/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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_6r_fWtCKqMM/SnfdQtLq1BI/AAAAAAAAAas/SDtLbwQZeNk/s72-c/IMG_4349.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-2775816362009655015</id><published>2009-07-21T22:00:00.001+09:00</published><updated>2009-08-04T15:31:02.411+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='infographics'/><category scheme='http://www.blogger.com/atom/ns#' term='DIG'/><title type='text'>09　第13回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;課題2：動くおもちゃのしくみ&lt;/span&gt;（その7）&lt;br /&gt;&lt;br /&gt;今日は制作日。授業時間内に一回はDIG作品をスクリーンに映す、というのが条件でした。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-2775816362009655015?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/2775816362009655015/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/07/0913.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/2775816362009655015'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/2775816362009655015'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/07/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-8641832588424582735.post-8477143430997490858</id><published>2009-07-14T20:00:00.004+09:00</published><updated>2009-07-19T12:20:00.833+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='infographics'/><category scheme='http://www.blogger.com/atom/ns#' term='DIG'/><category scheme='http://www.blogger.com/atom/ns#' term='interaction'/><title type='text'>09　第12回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;課題2：動くおもちゃのしくみ&lt;/span&gt;（その6）&lt;br /&gt;&lt;br /&gt;作品プレゼンテーション（リハーサル）&lt;br /&gt;&lt;br /&gt;予定として、今日が、インフォグラフィックス作品と、DIG作品のアップ期限、締め切りです。が、発表を見たところ、まだ期待しているゴールの60％くらいの到達度か。&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;DIGについては、映像表現についての考え方がまだちゃんと認識されていないようで、残念。普段、映像作品を全然見ていないのかなぁ。静止画をつないだ、ただの紙芝居になっているチームが多くて驚きました。せっかく、科学博物館も見に行ったのに。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-8477143430997490858?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/8477143430997490858/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/07/0912.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/8477143430997490858'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/8477143430997490858'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/07/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-8641832588424582735.post-4356951152671841872</id><published>2009-07-07T20:00:00.007+09:00</published><updated>2009-07-20T18:29:46.533+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='DIG'/><title type='text'>09　第11回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;課題2：動くおもちゃのしくみ&lt;/span&gt;（その4）&lt;br /&gt;&lt;br /&gt;今日は制作日。特にFlashを使ったムービー制作を重点的に。&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;　グラフィックスでは表示要素は空間に静的（Static）に配置され、オーディエンスが自分の視線を努力して動かすことで内容を読み取っていきます。したがって誘目性および視線誘導が表現のカギとなります。つまりメッセージの受け手（以下オーディエンス）が意識的あるいは意図的に視線を動かしてもらえるような画面構成が必要ということです。&lt;br /&gt;　表示要素はあらかじめすべて画面上に表示されていて、オーディエンスが全体と各要素の関係を感じながら、制作者の意図通りに自身の視線を動かして、各要素をたどって内容を読み取ってもらえば半分成功。そこからオーディエンスが制作者の意図を読み取ってくれれば80点。オーディエンス自身が楽しみながら自分で説明できるようになればほぼ100点。何度も見たくなる、他の人にも伝えたくなったら大成功120点。&lt;br /&gt;&lt;br /&gt;　映像表現では表示要素は時間順に画面上に現れ、要素間の変化やつながり方の中に意味を生み出す表現です。オーディエンスは半ば強制的にその内容の展開を見せられることになります。よって、これら表示要素の現れる順番がカギとなります。&lt;br /&gt;　表示要素は制作者によってあらかじめ仕込まれているので、オーディエンスはそれらが目の前にA→B→C→D→E→・・・と順に現れるのを受け身の状態で見せられることになります。視線を動かす努力の代わりに、出てくる要素間の関係の解釈に脳のパワーを使う、という努力が要求されます。この「→」の部分のデザインが、デザイナーの腕の見せ所。&lt;br /&gt;&lt;br /&gt;ただし、これらはあくまで表現手法の構造の話であって、まず内容ありき、ということが大前提。いずれの表現にしても、A→B→C→D→Eなのか、E→D→C→B→Aなのか、はたまたC→B→D→A→Eなのか・・・。説明内容の構造がきちっとできていなければ、見た目だけ整っていても、それはただのゴミ。環境破壊、エネルギー浪費、時間の無駄、というコトになってしまいます。&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;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-4356951152671841872?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/4356951152671841872/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/07/0910.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/4356951152671841872'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/4356951152671841872'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/07/0910.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><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-6973613284728682815</id><published>2009-06-30T20:00:00.019+09:00</published><updated>2009-07-16T12:20:46.525+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Prototyping'/><category scheme='http://www.blogger.com/atom/ns#' term='infographics'/><category scheme='http://www.blogger.com/atom/ns#' term='presentation'/><title type='text'>09　第10回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;課題2：動くおもちゃのしくみ&lt;/span&gt;（その4）&lt;br /&gt;&lt;br /&gt;今日はやはり雨。毎年この授業のプレゼンの日（というか原田の授業のプレゼンの日）は80％雨なんです。いわゆる「雨男」ということですか。「模型の準備、大変だな」と心配していましたが、どのチームもしっかり準備してきてくれました。&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;img style="cursor:pointer; cursor:hand;width: 400px; height: 99px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SknC7bRIs5I/AAAAAAAAAYs/pBhhUdFNZKw/s400/090630a.jpg" border="0" alt="こま"id="BLOGGER_PHOTO_ID_5353023958294246290" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 112px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SknDP_xZExI/AAAAAAAAAY0/XlNwtGLRW_4/s400/090630b.jpg" border="0" alt="クラッシュボール"id="BLOGGER_PHOTO_ID_5353024311690597138" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 99px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SknDZYCSnpI/AAAAAAAAAY8/z8BXfrIwcw8/s400/090630c.jpg" border="0" alt="ゴム動力飛行機"id="BLOGGER_PHOTO_ID_5353024472822750866" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 99px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SknD3MlLafI/AAAAAAAAAZE/UowiHHUPtC8/s400/090630d.jpg" border="0" alt="ラジオメータ"id="BLOGGER_PHOTO_ID_5353024985143929330" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 133px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SknE0J6t2mI/AAAAAAAAAZM/K7CkCaYJh4E/s400/090630e.jpg" border="0" alt="ポンポン船"id="BLOGGER_PHOTO_ID_5353026032400980578" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SknFD2QRjCI/AAAAAAAAAZU/lGYFwUgTzr4/s400/090630f.jpg" border="0" alt="ヘリコプター"id="BLOGGER_PHOTO_ID_5353026302000598050" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SknFRw40k7I/AAAAAAAAAZc/JAmnP0vYIcM/s400/090630g.jpg" border="0" alt="ゆびはぶ"id="BLOGGER_PHOTO_ID_5353026541078221746" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SknFedSW9uI/AAAAAAAAAZk/NXqg07iHsI8/s400/090630h.jpg" border="0" alt="ジャンプポッド"id="BLOGGER_PHOTO_ID_5353026759154923234" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SknFnarpwsI/AAAAAAAAAZs/dN2Uc13Kv0o/s400/090630i.jpg" border="0" alt="ペットボトルロケット"id="BLOGGER_PHOTO_ID_5353026913074528962" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SknFy2CHaRI/AAAAAAAAAZ0/yPU_aIEBBPs/s400/090630j.jpg" border="0" alt="パタパタ"id="BLOGGER_PHOTO_ID_5353027109395065106" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SknF7pCuX1I/AAAAAAAAAZ8/hQNSGKQkRzE/s400/090630k.jpg" border="0" alt="ブンブンごま"id="BLOGGER_PHOTO_ID_5353027260526780242" /&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;span style="font-weight:bold;"&gt;紙面全体の印象が伝いたい内容の概括になっていること&lt;/span&gt;：&lt;br /&gt;今日発表された作品は、説明の中心的な部分が画面の端に追いやられていました。「科学的なしくみ」がテーマですから、「科学的なしくみ」が表現の中心になければなりません。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;動的図解表現（DIG）への展開&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;作業内容も徐々にハードルが上がっていきますが、来週はFlashなどを用いて映像：動的図解表現（DIG）の制作も加わります。そしてあっという間に再来週、作品の最終プレゼンテーションです。映像表現の絵コンテが来週までの宿題です。&lt;br /&gt;&lt;br /&gt;※提出作品の仕様&lt;br /&gt;備忘録的にここに書いておきます。&lt;br /&gt;・インフォグラフィックス作品：A3サイズ（縦、横は自由）最終的に、A4冊子として綴じられることをこころの片隅においておいてください。&lt;br /&gt;・DIG作品：画面サイズ＝縦横800pix×600pix　フレームレート＝3fps　15秒から30秒程度の長さを目安に、長くても1分以内。Flashや3DSMAXなどで制作。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-6973613284728682815?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/6973613284728682815/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/06/0910.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/6973613284728682815'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/6973613284728682815'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/06/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/SknC7bRIs5I/AAAAAAAAAYs/pBhhUdFNZKw/s72-c/090630a.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-2700757735536949484</id><published>2009-06-23T20:00:00.006+09:00</published><updated>2009-07-16T12:33:25.479+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='layout'/><title type='text'>09　第9回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;課題2：動くおもちゃのしくみ&lt;/span&gt;（その3）&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;img style="cursor:pointer; cursor:hand;width: 400px; height: 359px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SkBjDmeCOaI/AAAAAAAAAYg/AJLH8MUnEUY/s400/090623.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5350385270833428898" /&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/8641832588424582735-2700757735536949484?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/2700757735536949484/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/06/099.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/2700757735536949484'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/2700757735536949484'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/06/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://3.bp.blogspot.com/_6r_fWtCKqMM/SkBjDmeCOaI/AAAAAAAAAYg/AJLH8MUnEUY/s72-c/090623.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-4144549565504596062</id><published>2009-06-09T20:00:00.014+09:00</published><updated>2009-07-16T12:32:36.545+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Prototyping'/><category scheme='http://www.blogger.com/atom/ns#' term='presentation'/><title type='text'>09　第8回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;課題2：動くおもちゃのしくみ&lt;/span&gt;（その2）&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;img style="cursor:pointer; cursor:hand;width: 195px; height: 130px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Si4NeJWEbxI/AAAAAAAAAXI/7S04-ydCBWs/s200/090609a.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345224619291078418" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 130px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Si4NwtwLLhI/AAAAAAAAAXQ/MdguVhWp07w/s200/090609b.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345224938301894162" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 130px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Si4OBZzgkXI/AAAAAAAAAXY/k8n-PONpibM/s200/090609c.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345225225004945778" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 80px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Si4PNE0b2-I/AAAAAAAAAXg/2X5-uvxpxIw/s200/090609d.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345226525041744866" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 65px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Si4PlI2ih8I/AAAAAAAAAXo/_jv-7aVp9AA/s200/090609e.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345226938441172930" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 78px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Si4PyC5Q_wI/AAAAAAAAAXw/YVZao0kQqVU/s200/090609f.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345227160180293378" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 130px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Si4QMQzcw4I/AAAAAAAAAX4/n9F_RAK5ig0/s200/090609g.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345227610590593922" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 130px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Si4QUlbBKXI/AAAAAAAAAYA/JTC-ElaTadE/s200/090609h.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345227753564219762" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 111px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Si4QeC5dewI/AAAAAAAAAYI/2Jdzjj4vUAY/s200/090609i.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345227916095355650" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 130px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Si4Qn92qBfI/AAAAAAAAAYQ/u6LncKGPlSo/s200/090609j.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345228086540109298" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 195px; height: 130px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Si4QwOa5M-I/AAAAAAAAAYY/K5A-NXZom8M/s200/090609k.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345228228426019810" /&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;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-4144549565504596062?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/4144549565504596062/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/06/098.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/4144549565504596062'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/4144549565504596062'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/06/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/Si4NeJWEbxI/AAAAAAAAAXI/7S04-ydCBWs/s72-c/090609a.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-5469292472717523022</id><published>2009-06-02T20:00:00.023+09:00</published><updated>2009-06-06T11:16:12.763+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='survey'/><title type='text'>09　第7回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;課題2：動くおもちゃのしくみ&lt;/span&gt;（その1）&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;◎説明する：模型で、インフォグラフィックスで、DIGで。解りやすく、簡潔に、しかも魅力的に、かっこよく（かわいく）&lt;br /&gt;想定するオーディエンスは一般の人々（中学生以上）。大人が納得、観て喜ぶ表現を目指してくださいね。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 170px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SiaL1IZ_pwI/AAAAAAAAAWg/XmxmKJteCdI/s400/IMG_9641.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5343111752827512578" /&gt;&lt;br /&gt;今日はオリエンテーションとテーマ設定、資料調査が主たるミッションでした。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;個人作品ver.2.0&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;前回からの宿題は、個人作品のバージョンアップ、でした。今回も壁に貼って、全員で共有。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 130px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SinRT82JUzI/AAAAAAAAAWw/ohynA8amhq0/s400/fig_04.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5344032573532754738" /&gt;&lt;br /&gt;時間配分の都合上、横溝先生と原田でチェック、学生たちが企画会議をしている間に付箋を使ってアドバイスのコメントを貼っていきました。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 290px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/SinO3QpYNwI/AAAAAAAAAWo/13b9NtzoVDM/s400/fig_03.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5344029881608451842" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 222px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SiaD6q0xdVI/AAAAAAAAAVw/gJ-6TG2oDJ4/s400/fig_02a.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5343103051872957778" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 241px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SiaET_l31nI/AAAAAAAAAV4/4XpjrRxEhjI/s400/fig_02b.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5343103486944335474" /&gt;&lt;br /&gt;こんな感じで、それぞれちょっとずつ進化していました。・・・が、原田としてはこれでは物足りない。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 274px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SiaE_TnBkfI/AAAAAAAAAWA/VoynE_zF2Vk/s400/fig_02.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5343104231052251634" /&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;表現に「ここまで」という限度はないのです。まだやってよい、と言われたら（言われなくても）これでもかというくらい、手を動かしてほしいのだがなぁ。&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;教科書:入門Webデザイン&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;今日やっと、この授業で使う教科書を配布できました。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 188px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SiXv-Q7vOJI/AAAAAAAAAVY/h6kAz2WfT8w/s400/fig_01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5342940385921415314" /&gt;&lt;br /&gt;最近はデザインに関する書籍も色々あるので、それらにリンクするハブとして、またデザインの「ことば」を使えるようになるための入門書として活用してほしいと思っています。&lt;br /&gt;また、マルチメディア検定もぜひ受検してみてくださいね。履歴書に書くネタが増えますヨ。&lt;br /&gt;書籍・検定に関する詳細はこちら&lt;br /&gt;CG-ARTS協会：&lt;a href="http://www.cgarts.or.jp/"&gt;http://www.cgarts.or.jp/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-5469292472717523022?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/5469292472717523022/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/06/097.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/5469292472717523022'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/5469292472717523022'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/06/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/SiaL1IZ_pwI/AAAAAAAAAWg/XmxmKJteCdI/s72-c/IMG_9641.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-8830015660387314177</id><published>2009-05-26T20:00:00.007+09:00</published><updated>2009-05-26T20:00:06.184+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='presentation'/><title type='text'>09　第6回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;第1課題：動くおもちゃのしくみを説明するインフォグラフィクス&lt;/span&gt;（その3）&lt;br /&gt;&lt;br /&gt;今日は第1課題のプレゼンテーションです。&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: 400px; height: 250px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/ShtsmjqI2zI/AAAAAAAAATQ/3aK-BCPQMPY/s400/090526b.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5339981192840665906" /&gt;&lt;br /&gt;まずは教室の壁に全作品を掲示し、展覧会形式で作品の鑑賞と表現の共有をおこないました。&lt;br /&gt;30分ほどかけてじっくり眺めてもらい、最もベストと思われる作品に、記名した付箋を貼るという方法で一票を入れます。これは、他人の作品はある程度冷静に見ることができるので、そこから得られた視点を自分の作品の置き換えて見直してみることで、自分自身の問題意識としてとらえてもらおう、という思いがあっての活動です。自分の中の世界だけで考えて表現していても、進歩はありませんから。&lt;br /&gt;&lt;br /&gt;私もひとつずつ作品をチェックしつつ、聞こえてくる学生たちの会話の中には、「結構良いところに気づいてるじゃん」と思えることばもありました。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 200px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Sht1FMW59xI/AAAAAAAAATY/aHo-jZnkPSM/s400/090526a.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5339990515254949650" /&gt;&lt;br /&gt;投票数の多かった学生の作品は、投票した人たちが何を評価したか、作者がどういう意図で表現したかを、それぞれ発表してもらいました。&lt;br /&gt;&lt;br /&gt;その後は、全員で作品一点ずつを順に観ながら、原田が解説やアドバイスを加える、というカタチで表現のポイントを共有しました。作品の一部を紹介します。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 240px; height: 172px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/ShuMT9cIX5I/AAAAAAAAATo/vA09qhBQ5gc/s320/090526c.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340016057715810194" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 240px; height: 168px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/ShuMs6hDMII/AAAAAAAAATw/rOappzkXZ2g/s320/090526d.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340016486427865218" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 171px; height: 240px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/ShuNlvGN9LI/AAAAAAAAAT4/17Or17l6Lro/s320/090526e.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340017462615078066" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 240px; height: 169px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/ShuOIWsOozI/AAAAAAAAAUA/x8hoBmeIAHY/s320/090526f.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340018057359041330" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 171px; height: 240px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/ShuOt7NWKuI/AAAAAAAAAUQ/rVnlMvQL44c/s320/090526g.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340018702816783074" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 170px; height: 240px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/ShuO3PwqjeI/AAAAAAAAAUY/nVEpp8pG88s/s320/090526h.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340018862952451554" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 170px; height: 240px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/ShuPBD1_q8I/AAAAAAAAAUg/v7fnLXFbwfA/s320/090526i.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340019031552273346" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 240px; height: 168px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/ShuPKK2NqvI/AAAAAAAAAUo/OQ63FU1yz6I/s320/090526j.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340019188051061490" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 240px; height: 168px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/ShuPUCKgrrI/AAAAAAAAAUw/YlSRSl7qU0I/s320/090526k.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340019357518966450" /&gt;&lt;br /&gt;これらの作品は表現の視点が明確で、あと3歩くらい先を目指してくれれば、かなり良い作品になると思われます。&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;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/ShuW8jSlVfI/AAAAAAAAAU4/vvvEi0TdGVg/s400/090526l.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5340027750187357682" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 120px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Shux08YSXAI/AAAAAAAAAVQ/cqUHFovRSqU/s400/090526n.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5340057306297162754" /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 100px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/ShurXC6mBGI/AAAAAAAAAVA/xZKoZbEiAgw/s400/090526m.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5340050195585827938" /&gt;&lt;br /&gt;&lt;br /&gt;これらは、アイデアスケッチ段階で検討できる、検討すべきポイントです。今後はぜひ、意識してくださいね。&lt;br /&gt;良かったところ？うーん、ソフト（Illustrator）はそこそこ使える、ってことが解ったことか。&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;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-8830015660387314177?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/8830015660387314177/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/05/096.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/8830015660387314177'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/8830015660387314177'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/05/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://4.bp.blogspot.com/_6r_fWtCKqMM/ShtsmjqI2zI/AAAAAAAAATQ/3aK-BCPQMPY/s72-c/090526b.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-3965715821646236729</id><published>2009-05-19T20:00:00.004+09:00</published><updated>2009-05-19T20:00:08.625+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='tool'/><title type='text'>09　第5回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;第1課題：動くおもちゃのしくみを説明するインフォグラフィクス&lt;/span&gt;（その2）&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 169px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/ShI54R7Dw1I/AAAAAAAAASw/qv_fhn4UTBs/s400/090519a.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5337392147434029906" /&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;img style="cursor:pointer; cursor:hand;width: 400px; height: 133px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/ShI6TjWt1FI/AAAAAAAAAS4/thcnU3j4-RU/s400/090519b.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5337392615969903698" /&gt;&lt;br /&gt;・レイアウトの基本は「余白のコントロール」と「要素を揃える」こと&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;カタチに気を取られないで「動き」を追うのだ&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 267px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/ShJAsrSv4hI/AAAAAAAAATI/8Ry7REtbB_w/s400/090519d.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5337399644667240978" /&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: 400px; height: 266px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/ShJAGvpFLMI/AAAAAAAAATA/m3Ha85Rioio/s400/090519c.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5337398992999623874" /&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/8641832588424582735-3965715821646236729?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/3965715821646236729/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/05/095.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/3965715821646236729'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/3965715821646236729'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/05/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><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_6r_fWtCKqMM/ShI54R7Dw1I/AAAAAAAAASw/qv_fhn4UTBs/s72-c/090519a.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-7153201205147450096</id><published>2009-05-12T20:00:00.009+09:00</published><updated>2009-05-19T14:18:35.019+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='infographics'/><title type='text'>09　第4回</title><content type='html'>&lt;span style="font-weight:bold;"&gt;第1課題：動くおもちゃのしくみを説明するインフォグラフィクス&lt;/span&gt;（その1）&lt;br /&gt;&lt;br /&gt;動くおもちゃのしくみを説明するインフォグラフィックスを制作する（個人制作）ことが、今回から3週にわたって実施するプロジェクトのミッションです。&lt;br /&gt;条件は次の通り。&lt;br /&gt;・A3用紙（縦横は作品の意図に合うものを選択、斜めは禁止）&lt;br /&gt;・科学博物館に、作品のみ展示されることを想定（おもちゃの現物なしに解る表現）&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;他の人の仕事をしっかり見よう&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;授業に臨む心構えについてあえて一言。&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 110px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SgpYvnl7DmI/AAAAAAAAARo/EcoR4Ziy9iE/s400/090512-1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5335174283678912098" /&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;span style="font-weight:bold;"&gt;・最初の問い：これは何ですか？&lt;/span&gt;&lt;br /&gt;ラフスケッチと現物のおもちゃを並べて、眺めてみてください。その説明は、おもちゃの動きの特徴を端的に表していますか？&lt;br /&gt;皆さんが持ち寄ったおもちゃを眺めてみると、大きく2種類に分けられます。それは、パッと見でそれがどんなものか解るものと、解らないもの。&lt;br /&gt;パッと見で解るのは、水鉄砲やチョロQ、コマなど。これらはいちいち細かく動きを説明しなくても、絵を見ればどんなモノか解ります。だから表現はその続きから始められます。その原理や面白さを表現して欲しい。&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;img style="cursor:pointer; cursor:hand;width: 240px; height: 116px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SgpaSdCob0I/AAAAAAAAARw/kZLy5QHS8oo/s320/090512-2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5335175981653585730" /&gt;&lt;br /&gt;0:おもちゃの動きを説明するためには、まず「そのおもちゃは何」なのかが解らなければなりません（当たり前!?）&lt;br /&gt;+1:おもちゃが動くためには、何らかの操作「インタラクション」が必要です。&lt;br /&gt;+2:つまり、そのおもちゃを動かす人「ユーザ」の存在なしには語れません。&lt;br /&gt;-1:おもちゃは動くための「システム（部品や動くための場所）」を持っています。&lt;br /&gt;-2:おもちゃが動くための「科学的知識」が、これらを支えています。&lt;br /&gt;これら-2〜+2までを行き来しながら、説明してみましょう。&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: 400px; height: 120px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SgpePIjObRI/AAAAAAAAAR4/U0Q49E4hfJ0/s400/090512-3.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5335180322660052242" /&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;img style="cursor:pointer; cursor:hand;width: 400px; height: 200px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/SgpjvEUqraI/AAAAAAAAASA/kpuvRmWqk6w/s400/090512-4.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5335186368839200162" /&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/8641832588424582735-7153201205147450096?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/7153201205147450096/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/05/094.html#comment-form' title='1 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/7153201205147450096'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/7153201205147450096'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/05/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://2.bp.blogspot.com/_6r_fWtCKqMM/SgpYvnl7DmI/AAAAAAAAARo/EcoR4Ziy9iE/s72-c/090512-1.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-6944163615067964546</id><published>2009-04-28T20:00:00.010+09:00</published><updated>2009-06-02T13:48:56.985+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='survey'/><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;&lt;img style="cursor: pointer; width: 200px; height: 133px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/SgpPCzMUlwI/AAAAAAAAARY/yXBRZKZtR6Y/s320/IMG_8004.JPG" alt="" id="BLOGGER_PHOTO_ID_5335163618093995778" border="0" /&gt;&lt;img style="cursor: pointer; width: 200px; height: 133px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/SgpPOTDc0tI/AAAAAAAAARg/puuKGB8h86E/s320/IMG_8011.JPG" alt="" id="BLOGGER_PHOTO_ID_5335163815625282258" border="0" /&gt;&lt;br /&gt;館内に入る前に調査の視点を再確認できたので、課題にうまく反映できるのではないかと期待しています。連休明けのレポートが楽しみです。&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8641832588424582735-6944163615067964546?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/6944163615067964546/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/04/093.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/6944163615067964546'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/6944163615067964546'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/04/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://4.bp.blogspot.com/_6r_fWtCKqMM/SgpPCzMUlwI/AAAAAAAAARY/yXBRZKZtR6Y/s72-c/IMG_8004.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-2613931497795244128</id><published>2009-04-21T20:00:00.019+09:00</published><updated>2009-04-22T10:04:51.715+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='infographics'/><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;本日のメニューは以下の流れでした。&lt;br /&gt;・事務連絡（Flash WSについて、次週の博物館見学について）&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;線を描く、観察して描く&lt;/span&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: 133px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Se1aGRNqhtI/AAAAAAAAAPo/HnSFmHF2_cA/s200/090421a.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327012997995595474" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Se1aXk2IpXI/AAAAAAAAAPw/-kTtYWw3QIM/s200/090421b.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327013295323391346" /&gt;&lt;br /&gt;素早く丁寧に、リズム感を持って。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Se1dCRK6vgI/AAAAAAAAAQI/9O8BaOxiJQg/s200/090421c.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327016227799481858" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Se1dMELAm5I/AAAAAAAAAQQ/UJ8rzAiSNwg/s200/090421d.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327016396108897170" /&gt;&lt;br /&gt;シルエットや透視など、カタチをとらえるための視点や技法を持とう&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Se1bnhexv6I/AAAAAAAAAP4/VrZRxV522OY/s200/090421e.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327014668809650082" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Se1byGqRBuI/AAAAAAAAAQA/5Mh3dI4cJDs/s200/090421f.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327014850588640994" /&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;br /&gt;・理解のプロセスは[データ]→[情報]→[知識]→[知恵]&lt;br /&gt;・データを組織化する方法はLATCH＋I&lt;br /&gt;・「図」表現の基本は7（箇条書き、表、グラフ、チャート、イラスト、地図、スコア）&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: 200px; height: 133px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Se1ecNaL-KI/AAAAAAAAAQY/oueFegdse1o/s200/090421g.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327017772978010274" /&gt;&lt;br /&gt;まず、説明を文章で書いてみる。&lt;br /&gt;　　▼&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Se1eu221W7I/AAAAAAAAAQg/C--N4s3jUSw/s200/090421h.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327018093341662130" /&gt;&lt;br /&gt;友達に聞いてもらい、うまく伝わるか確かめる。&lt;br /&gt;　　▼&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Se1fqJqUptI/AAAAAAAAAQo/_VEFrKfz81A/s200/090421i.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327019112001742546" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Se1gJyjs4QI/AAAAAAAAAQw/ewDkR1M57kk/s200/090421j.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327019655555768578" /&gt;&lt;br /&gt;説明文で使っていることば（用語）を図解で示す。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Se5sOjWt_CI/AAAAAAAAAQ4/1GL7mrvIbGM/s200/090421k.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327314406490373154" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Se5saPv-DHI/AAAAAAAAARA/xx_ycXvGqN4/s200/090421l.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327314607386004594" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://3.bp.blogspot.com/_6r_fWtCKqMM/Se5smv8wNzI/AAAAAAAAARI/rviGuv30aao/s200/090421m.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327314822187988786" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://1.bp.blogspot.com/_6r_fWtCKqMM/Se5svYyzvaI/AAAAAAAAARQ/1KGyqR9abGs/s200/090421n.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5327314970591083938" /&gt;&lt;br /&gt;説明の流れをチャートで表す。&lt;br /&gt;&lt;br /&gt;次回（第3週）に、この表現をみんなで共有します。&lt;br /&gt;&lt;br /&gt;来週は「国立科学博物館」見学。楽しもう。&lt;br /&gt;http://www.kahaku.go.jp/&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/8641832588424582735-2613931497795244128?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/2613931497795244128/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/04/092.html#comment-form' title='2 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/2613931497795244128'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/2613931497795244128'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/04/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://3.bp.blogspot.com/_6r_fWtCKqMM/Se1aGRNqhtI/AAAAAAAAAPo/HnSFmHF2_cA/s72-c/090421a.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8641832588424582735.post-7032658787581888575</id><published>2009-04-14T20:00:00.010+09:00</published><updated>2009-04-21T13:07:22.458+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='learning'/><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;さていきなりですが、この授業は今年度で「打ち切り」です。というのは、昨年度から新しいカリキュタムがスタートしており、旧カリキュラムに属するこの授業は今回の3年生たちが最後の対象学生ということになるからです。このような背景は学生の皆さんには直接関係あるわけでもありませんが、今年度は私なりの集大成としてこの授業と決着を付けようと言う覚悟で臨みますね。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Se1D2N8687I/AAAAAAAAAPQ/jIUfJAPQayE/s200/090414a.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5326988532986344370" /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://4.bp.blogspot.com/_6r_fWtCKqMM/Se1FZflbsOI/AAAAAAAAAPg/K8c4YNVJHe0/s200/090414c.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5326990238526714082" /&gt;&lt;br /&gt;&lt;br /&gt;例年はあまり過去の事例を紹介せずに授業を進めてきました。ウェブ上に作品はアップしているし、インフォグラフィックスの資料は求めれば簡単に手に入るからです。しかし情報社会の弊害か、学生たちはあまりに知らない、気づかない、調べない。ここ数年、ちょっとショックを受けています。また、別の研究プロジェクトやビジネスの中で、「他の人の意見や表現に乗っかる」コトの意味や重要性に私自身が気づいたこともあり、今回は昨年、一昨年の授業内容を魅せることからスタートしました。&lt;br /&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;width: 200px; height: 133px;" src="http://2.bp.blogspot.com/_6r_fWtCKqMM/Se1EQ8ODZ3I/AAAAAAAAAPY/8nabztXcB38/s200/090414b.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5326988992082831218" /&gt;&lt;br /&gt;&lt;br /&gt;Adobeのソフト群がCS4にアップしたため、使い方の説明もちょっとはプログラムに入れなければいけないなぁ、と思うとブルーになります。が、そこは教員も楽しんで使い方をマスターすれば良いか。&lt;br /&gt;しかし、Flashがだいぶ変わってしまったのはまいった。写真は、説明しながら焦っている私。&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/8641832588424582735-7032658787581888575?l=visual-design-2.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://visual-design-2.blogspot.com/feeds/7032658787581888575/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://visual-design-2.blogspot.com/2009/04/091.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/7032658787581888575'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8641832588424582735/posts/default/7032658787581888575'/><link rel='alternate' type='text/html' href='http://visual-design-2.blogspot.com/2009/04/091.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://2.bp.blogspot.com/_6r_fWtCKqMM/Se1D2N8687I/AAAAAAAAAPQ/jIUfJAPQayE/s72-c/090414a.jpg' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
