12.ポートフォリオ制作.その１

12.ポートフォリオ制作.その１

講評会

前回、完成していない人が多かった「おもちゃの動くしくみ｣のインフォグラフィックスの講評会。

他にも惜しい作品や完成していなかった作品等あったが、全体的にがんばっている。

今回はポートフォリオの作成の説明。

ポートフォリオとは、作品集のこと。

デザイナーにとって一番大切なものといっても過言ではない。

就職や海外への留学、転職の際にも必要になってくる。

今回はこの授業で今までやって来た事、作品をまとめたポートフォリオ(作品集)を作成する。

作品作成の時と同じように全てを手書きで作成する。

字も、自分の字で書くのではなく見せる字を書く事。

事例紹介(昨年の作品)

表紙

目次・中表紙

作品・作品説明

以降繰り返し

ポートフォリオの作成

最初にいきなり作り始めるのではなく、グリッドシステムを用意してから作成していく。

スケッチブックにページ構成を簡単に描いてみる。

表紙

目次・中表紙 ※ページ数は不用、どんな順番か分かれば良い

作品・作品説明(逆でも可)この作品のコンセプト、作成にあたっての経緯等を書いて行く。

これ以降は繰り返し

グリッドシステムを自分で作成する。

文字の大きさ、画像の位置等のルールを決める。

グリッドシステム

ブルックマン自信が著者である本

その線にそって、画像や雲照を配置する事で線が見えなくてもそろった形が見えてくる。

レイアウトの喜寿運となる線をひいて、ページが変化してもその線に従う。

見せる為のシステム。

グリッドシステムを意識してもう一度過去の作品例を見てみる。

表紙や目次にも全てグリッドが生きている。

ページ計画をきちんと描く。

11.動くおもちゃのしくみ

11.動くおもちゃのしくみ

前回から引き続き、最終作品の作成。

A3ケントボード上に美しくレイアウトして、今回で作品を完成させる。

step.1作品化に向けてのアドバイス

昨年(先輩)の作品事例紹介

昨年提出されたポーよフォリオをブラッシュアップしたもの

紙面のレイアウトの仕方について

先週作成した下書きを、どんなレイアウトでどのような情報を載せるのか考える。

自分のもっているおもちゃを、初めてそのおもちゃを見た人に伝える為のインフォグラフィックスを作成する。

今まで作成した作品の中から、自分のおもちゃを説明する上で必要であろう物を選びケントボード上にレイアウトし作品を完成させる。

レイアウトの事例

ブルックマンのグリッドシステム

英語とドイツ語のレイアウト本、ブルックマン本人が著者の本。

グリッドを使用しレイアウトを調整することで最終的に美しいレイアウトとなる。

グリッド／格子、ライン取り

表紙にあるグリッドを基本に作成されている。

様々な雑誌や書籍はほぼこれと同じシステムを採用している。

１つのグリドパターンや様々なレイアウトのパターンで作る事が可能。

今回の作品でもまずはじめに１つのグリッドパターンを決めてから作成をはじめると良い。

ポートフォリオ作成の際にも１つのグリッドシステムをしっかりとさだめて作成すると良い。

すべての本にグリッドシステムが生きている。

ヘッダーや説明分の位置や図のパターンも定まってると良い。

ばらばらにする事によって、読み手にとって読みにくいものになってしまう。

同じ内容で同じ事を描いていてもレイアウトがぐちゃぐちゃだと、どのように読むのか読み手がつかめなくなってしまう。

それを意識しながら物作りをする事で物作りの仕方がまったくちがってくる、どんなシステムで作るかをきめることで非常に良いレイアウトの物を作る事ができる。

よほどの事が無い限り、すべてのページのグリッドがばらばらという事はない。

これらの説明を元に、先週から引き続いて作品を完成させること、先輩の作品例の更にその先に完成形がある。

step.2作品制作

A3ケントボード上に美しくレイアウト

step.3共有・振り返り、プチ展覧会

今回最終段階まで進んだ人が少なかったため、来週までに作品を完成させる事。

来週の予定

作品プチ展覧会(今回完成できなかった作品を完成させたもの)＆プレゼンテーション

ポートフォリオ制作その１

用意するもの

スケッチブック

画材(必ずサインペン、マーカーを持ってくる事)

A3クリアファイル

これまでの全ての作品

スケッチ、写真等の資料

模型は写真で(最終提出時にチェックします)

10.動くおもちゃの仕組み

10.動くおもちゃのしくみ

最終課題制作。

A3ケントボードに仕上げる。

今日は試作品の作成、来週に完成させる。

※タイトル、サブタイトルやアイコン等を利用する事。

　今までの作品を統合したインフォグラフィックスを作成。

step.1前回宿題になっていた模型作品をみんなで講評会

上手く出来ている人の作品説明会

step.2今回、次回の２回で最終作品の作成

今回は試作品(アイディアスケッチ)

宿題:今日できたヴァージョン(アイディアスケッチ)を物理の先生に見てもらい、アドバイスをもらってくる事。

その証拠写真を提出してもらいます。

09.模型による説明

09.模型による説明

今回のテーマは模型による説明。

前回行った動きの説明(目に見えない現象)をより分かりやすく説明するための模型を作成する。

作成過程をデジカメ等で記録しながら、作成を行う。

step.1オリエンテーション

ガリレオの動く模型本。

step.2アイディアスケッチ

step.3レイアウトのエスキース

step.4作品化

動く構造の模型を作る。

その際、ポートフォリオ作成の事についても考えてファイリングできるものだと良い。

step.共有

08.国立科学博物館見学会

08.国立科学博物館見学

07.玩具の動く仕組み

07.おもちゃの動くしくみ

背景にある物理現象の説明。

摩擦・遠心力・揚力・慣性etc

目に見えない現象を描く。

step.1オリエンテーション

はたして自分の調べて来た物理現象の説明は他人に通用するのかどうか、自分がきちんと理解しているのかどうか確認を含めて、自分の持って来たおもちゃの説明を周りの人にしてみる。

説明する際には紙に描きながら、筆談をしながら、聞いている人にメモをとってもらう等の工夫をすること。

世の中の事例紹介

ネットで検索するだけでもたくさんの事例があげられている。

オリンピックの競技説明本

スキーの板がどうして滑るのか

このような例を参考にまずは自分でおもちゃの説明をしてみると良い。

また次にあげるおもちゃに関しては、既にネット等で動きの説明についていくつか例があげられている。

コマの回るしくみ

ヨーヨー

飛行機

竹トンボなど・・・

前回まではおもちゃそのものがどうなっているかの説明だったが、今回は目に見えないしくみについて作品化して説明をする。

step.2アイディアスケッチ

レイアウト、構成の仕方等を考えながらラフスケッチを描いていく。

例／シーソーのおもちゃ

テコの原理を利用して進んでいる⇒テコの原理を調べる

しかし、このおもちゃとテコの原理が繋がっているようには見えない。

具体的にこの現象がどのようにしておもちゃに働いているのか、その動く事にたいしての説明はおもちゃにはない。

どのような現象でどのように力が働いて、どのように動くのかを絵と言葉を使って説明する。

タイトルだけでもどんな力が働いているのか分かるように描くと良い。

専門家は原理を文章で表現する事は可能だが、誰がみてもその現象を理解できるように説明する事はできない。

デザインの仕事はここからと言える。

誰が見ても理解できるように図や文章を利用して表現することがデザイナーの仕事である。

step.3レイアウトのエスキース

step.4作品化

おもちゃの動きの背景にある物理現象を視覚的にA3ケント紙上い美しくレイアウト

step.5共有・振り返り

講評会

06.時間的な変化・遷移

06.時間的な変化・遷移

先週は動きを言葉で説明する表現方法を行った。

今回は基本的には図を使って、言葉は使わずに表現する。

(パラパラ漫画のような物を思い浮かべる)

step.1 映像的な表現の基礎

まずはスケッチブックを使用して練習を行う。

縦方向に５〜６個の升目を描いて、先生の言ったタイトル通りの動きを図で表現する。

第１問：１人が遠くから歩いてくる様子(遠近法、時間の推移を表す)/制限時間３分

単純なものでも、リアルに人間を表して物でも良しとする。

第２問：１台の車が右から左へ走って行く様子

題３問：ボールがバウンドしながら進んで行く様子

この問題は、今私達が取り組んでいる玩具の動きの表現方法に一番近いものと言える。

表現方法のヒント

フレームの端から入り出て行く⇒物が動いているのではなくフレームが動いている。

自動車の動き(背景が動く事に酔って車自体が動いていると錯覚させる)

⇒ズームイン、ズームアウト(車が来てこちらを通り過ぎて去って行く表現)

今日の目標

みんなの持って来た玩具がどのような動きをしているか、コマ割りの絵によって表現する。

それぞれの動きが時間経過によって変化して行っている様子を表現すること。

step.2 玩具の動きとその要員をコマ落としで描いてみる

最修訂に作品にする為に、まずはコマ落としで描いてみる。

step.3 レイアウトのエスキース(下絵)

step.4 作品化

　　　玩具の動き＝変化・遷移をA3ケント紙上に美しくレイアウト

step.5共有・振り返り／プチ展覧会

今回の優秀作品

次回の課題

玩具の動くしくみについて、物理現象の説明を行う。

摩擦、遠心力、揚力など目に見えない現象を描いていきます。

05 ことばを図に

今回のテーマは

「ことばを図に　数値の視覚化」

という事で、自分の選んだ玩具がどんなものであるのかを言葉を含めて表現します。

イラストだけではなく、言葉の部分が非常に重要です。

動きを言葉で表したとき具体的に思い浮かべるヴィジョンをしっかりと想定し文章を作成します。

step.1　言葉を絵に、絵を言葉に

　付箋紙を利用して、絵で言葉を表現する練習をします。

第１問：魚

絵を描いたら、机ごとに集めて並べて見比べてみる。

魚の場合、何も指示されなくても共通認識のもとみんな似た魚のイラストが出来上がります。

大抵は左向きの魚のイラストになります。

第２問：猫

大体のイラストが猫に見えますが、中には怪しいものもちらほら・・・

第３問：お友達

ここから、絵で表現するのが少し難しくなってくる。人間を描かなくても友達を表現する事が出来るかもしれません。

第４問：おはよう

一番の難問、イラストの中にはベッドから起きたイラストや中には物だけで表現を試みているものがあった。

絵だけで相手に言葉を伝える事は難しい事である。

今回作成する作品の最終形態

原田先生による、シーソーの動きの説明

どのような図があれば動きが分かるのか、取り扱い説明書のように絵と言葉を使って動きを説明する。

step.2 動きを言葉で説明してみる

　　　説明の手順を考える

step.3 説明の持つ構造の視覚化

　　　説明の手順を利用して図にしてみる

　まずは自分の玩具の動きを言葉で説明してみる。

どんな手順で、どのように説明すれば動きを分かりやすく説明する事ができるのか考えながら

文章またはラフスケッチを描いてみる。

この玩具の動きのシステムを知らない人が分かりやすく知る為にはどのような説明と図が必要なのか考えながら描いて行く。

文章を作成したときには近くにいる人に、この文章でちゃんと伝わるのかどうか必ず確認を撮る事。

step.4 作品化

　　　文章と図を組み合わせてA3券と紙上に美しくレイアウト

※ポイント

どんな玩具？どんな動きのメカニズム？それがどうした？

このポイントをしっかり押さえた説明を図で表現すること。

タイトルを必ず入れる（小さく）

説明の山場はどこなのか、目の流れ方等も考え紙面上に美しく構成する。

step.5 共有・振り返り

今回は、文章を含めての作成だった為か全体的な完成度は低かった。

この授業での最低限の目標は作品の完成です。

完成を目指し、時間の配分をしっかり行ってはげんでください。

優秀作品好評

04 構造を描く

今回のテーマは

「構造を描く」

玩具の見えない部分、仕組みを理解することが今回の目的です。

どのような部品構造になっているのか、必要なようだったら玩具を解体していろんな角度からその部品を観察しそれを表現します。

目に見えていない仕組み、メカニズムを人に紹介するのが今回の最終目標です。

事例では、列車の内部構造がわかりやすく描かれたイラストが紹介されました。

ただ部品をバラバラにして描くのではなく並べ方も重要なポイントになってきます。

表現の仕方もたくさんあります。図面に近いものやイラストに近いもの写真のような表現等、自分のテーマにそった表現するために一番適した方法を利用するのが良いでしょう。

事例／教科書p136　図解表現

step.1

部品を描いてみる

まずは玩具の構造を知るために、玩具を解体してみます。

部品一つ一つを取り出して様々な角度から部品を観察しスケッチブックに描いていきます。

解体することの出来ない玩具はそれぞれの持っているテーマにそって様々な角度から玩具を観察し描いていきます。

描けると思ったものはどんどんスケッチブックに描き込みます。

step.2

意味付け

カタチをちゃんと観察します。

ただ描くのではなく、順番によって意味合いをつけます。

先ほどはただ様々な角度から部品を観察しただけでしたが、それだけではなく意味のあるレイアウトを意識します。

要素の配置と玩具のカタチをリンクさせることが重要です。

step.3

作品化

今回はなかなかペースが良いため、すこしハードルをあげて

最終形態は「透視図＋分解図」の２つをA3ケント紙にレイアウトし着彩をします。

透視図／玩具をレントゲンで透視したような表現。部品によって色分けすることで分かりやすく表現できます。

分解図／どのような部品構成になっているのかわかりやすく表現するために、部品をバラバラにした状態で表現した図。この時部品を無作為に配置するのではなく順番や位置にも意味をもたせることが重要です。

03 測って描く

今回のテーマは
「測る　数値の視覚化」
と言う事で”数値の視覚表現”を実践して学んでいきます。
前回は形をとらえて描く練習をしました。ポイントは「適確に影をとらえて表現する事が重要！」でした。今度はそのイラストに情報を加えて表現をして行きます。
重さ、長さ、高さ、動きがあるなら距離、時間、早さなど数値データには色々な種類のデータがあります。それらを誰が見ても分かる様なレイアウトで表現してみます。

Step 1.
文字を描く

まずは測る前にレタリングの練習を行いました。

文字もレイアウトの要素のひとつであり、文字を綺麗に描くことも綺麗なレイアウトの重要な要素になります。

今回の練習はまずガイドラインとして幅30mm,10mm,5mmでガイドをつくりその中に文字を描く練習をしました。

文字は丁寧に書くのですが習字の様に筆の流れを活かした綺麗な文字とはことなり、レタリングした文字を描く練習です。

綺麗な文字を描くコツとして、”上下のガイドラインに合わせていっぱいに大きく描く”、”ひらがなは○のなかに収まる様に、漢字は□のなかに収まる様に描く”、”縦、横の直線をまっすぐ、綺麗な直線で描く”を意識すると綺麗な文字が描けます。まっすぐな直線を引くためには手首を固定して肩から腕全体で線を引くとまっすぐに描きやすくなります。

原田先生による見本

パソコンが無くても手で綺麗なレイアウトは作れます

Step 2.
動きを測る


続いて各自用意したおもちゃを観察しながら動きにまつわる様々なデータを抽出していきます。実際におもちゃで遊びながら計測を行って行きます。おもちゃ自体の寸法、重さ、動きの速さ、距離、時間などそのおもちゃの特徴をが現れるデータを集めて行きます。
どのような視点でそのおもちゃを見る事で一番そのおもちゃらしさを表現できる要素になるのかを探すのがこのパートでの重要なポイントです。

水鉄砲の飛距離の計測の様子

寸法や重さの計測の様子

Step 3.
データの視覚化


測った動きのデータを今度は紙面上にデザインして表現して行きます。
単純に数字をそのまま記入すれば良いのではなく、図を使って伝わる表現にまとめていきます。ポイントは数値やデータをピクトグラムで表す事で何がどれくらいの量かを直感的に表現できるようになります。
グラフの様に軸を用意して動きの変化を比較して表現してみたり、上からの視点と横からの視点の両方を画面内に表現してまとめたり、形のないデータをどのように見せるのかがポイントです。

遠藤先生のアイデアスケッチ例

スケッチブックでアイデア展開

Step 4.
作品化


アイデアスケッチが完成したらA3ケント紙で作品を表現して行きます。
全体的にアイデアスケッチで時間を取られてしまい下書きまでになってしまう人が多かったです。1週間あるのでじっくりとレイアウトを考えてみて下さい。

A3ケント紙で作品づくり

原田先生による作品例

学生の作品（途中経過）

02 かたちをとらえて描く

2回目から実質的な作業に入って行きます。
今回は自由に選んで用意してきたおもちゃを観察して

[かたちをとらえて描く]

をテーマに作業を行いました。

Step1
線で描く、面で描く、点で描く

まず、作品作りの前にウォーミングアップとして、A3スケッチブックで大きく手を動かして肩ならしです。
A3サイズと大きな画面に描いて行くので手先だけでなく全身をつかって大きく描いて行きます。
平行線や波線、斜線や点描、様々な技法を試して行きます。
単純な作業ですが、絵を描いて行く技法は多くはありません。今回扱った、”線”　”面”　”点”　を上手くコントロールして表現をしていきます。


Step2
観察しながら描く

続いて用意したおもちゃを観察しながら形を描いて行きます。Step1での線、面、点の組み合わせが表現の鍵です。また、「おもちゃをどの角度から見るのか」が重要な要素です。そのおもちゃが一番魅力的に見える角度はどこか？見ているだけでは気づかない事も実際に描いてみて気づく事もあります。手を動かして学んで行く事が重要なので時間いっぱい沢山描いて行きます。


Step3
技法を用いて描く

描く構図が決まったら更に作品にしていくために色々な技法を試してみます。今回は立体を平面に置き換えた時によく使われる３つの技法を取り上げます。


a. シルエット:そのものの全体が把握できるような角度からの輪郭線のみを捕らえた表現。光を当てた時に壁に映るそのモノの影。


b. ハイライトとシャドウ：モノの表面の凹凸に注目し、ある方向からの光が当たっている部分と影になる部分の２階調による表現。光の当たる角度と、それをどこから見るか、光と影の境界をどこに置くかがポイント。

c. ダブルトーン：２階調化した表現の陽と陰のそれそれに一つの色を割り当て、配色によってそのモノのかたちを印象づける表現。同系色、補色、寒色と暖色、進出色と後退色など、組み合わせの工夫で様々なイメージを創り出せる。


Step4
作品化

「かたちをとらえて描く」
をテーマに作品を作って行きます。今回はA3の一枚の中に３種類の技法をそれぞれ描いて行きました。

01.オリエンテーション

一回目の授業はオリエンテーションとして授業のガイダンスを行いました。

授業の様子　履修者は１００名を超えてしまいそうです。

授業でどの様な事を行って行くのかとうだけでなく、これからデザイナーを目指して行く身としての心がけやアドバイスも含めてこれからのお話を行いました。

原田先生

遠藤先生

授業のテーマは
「動くおもちゃの仕組みを説明する」
です。

おもちゃの選択は自由でそのおもちゃの動く仕組みをインフォメーショングラフィックスで表現して行きます。
その第一弾として次週の第2回目には
「ピクトグラム・アイコン」
を取り上げて授業を進めて行きます。

授業の目標は、
手を動かしながら学ぶ。時間内でその場で決着をつける。
です。
課題を持ち帰らないで時間内で集中して作業を完了させましょう。