平成 30 年２月 20 日公開授業

第２学年

美術科学習指導案
２年２組

男子２４名 女子１６名 計４０名
指 導 者
萩原 至道
【授 業】13：30～14：20 会場 美術科教室（３階）【協議会】14：30～15：20 会場 美術科教室（３階）
１

題材名

情報を分かりやすく伝えよう―「伝えたい」を「伝わる」にするデザイン―（学習指導要領に関する内容）第２学年及び第３学年
Ａ表現

（２）イ

Ｂ鑑賞

（１）ア

〔共通事項〕（１）アイ

伝えたい内容を多くの人々に伝えるために、形や色彩などの効果を生かして分かりやすさや美しさなどを考え、表現の構想を練ること。
造形的なよさや美しさ、作者の心情や意図と創造的な表現の工夫、目的や機能との調和のとれた洗練された美しさなどを感じ取り見方を深め、作品などに対する自分の価値意識をもって批評し合うなどして、美意識を高め幅広く味わうこと。
形や色彩、材料、光などの性質や、それらがもたらす感情を理解すること。
形や色彩の特徴などを基に、対象のイメージをとらえること。

２ 題材について（１）題材設定の趣旨
私たちは様々な情報を利用して生活を営んでいる。その中には複雑な内容やイメージしづらい物事の仕組みなど、文字や音声では伝え（伝わり）にくいものも多々ある。そのような事柄を把握・整理し、視覚的な表現で多くの人々に分かりやすく伝えるグラフィックデザインをインフォグラフ
ィックスという。インフォグラフィックスはダイアグラムやグラフ、ピクトグラムなど様々な表現で構成されるが、それらの最大の目的は「伝えたいメッセージ」を「伝わるメッセージ」にするところにある。つまり、見る人や使う人の立場に立ち、その人にとってより分かりやすく、使いやすいもので、より心地よいと感じられる最良の形や色彩、構成を見つけ出すことが最も重要である。
本題材では、デザインやインフォグラフィックスについて整理した上で、インターネット上（SNSや個人ブログ、ニュースサイトなど）で間違いやすいと話題になっている、エレベーターの開閉ボタンのピクトグラムについて考察していく。ピクトグラムで何を伝えたいのか、誰に伝えたいのかを明らかにし、伝えたい相手を見据えた上で、そこで何が問題となっているのか捉える。形や色彩、構成などの造形的な要素を視点に問題点を洗い出し、使用する多くの人にとってより分かりやすく心地よいピクトグラムにするためにはどう改善すべきかを考え、「伝わる」ピクトグラムの構想を練っていく。私たちの身近に存在するデザインの問題点を取り上げることで、生徒に課題に取り組む必要感をもたせるとともに、それらの問題を解決していく学習を通して、目的や条件などを基に、他者や社会に形や色彩などを用いて美しく分かりやすく伝える生活や社会の中でのデザインの働きについて気付かせたい。
（２）生徒の実態
生徒は、１年時に自分の思いや気持ちを漢字一文字の絵文字に表す活動を通して、自分の思いや気持ちから表したいイメージをもち、それを表すためには、漢字の書体や絵文字の形、色彩、大きさや配置といった構成などを表現意図に合わせて工夫することが大切であることを学んだ。また、２年時では自分のことを知らない相手に、伝えたい「自分」が伝わる名刺のデザインを考えて制作した。この題材を通して、伝えたい内容を明らかにした上でそれが分かる・感じられるように、人が共通に感じる形や色彩の美しさや感情効果に注目して、文字や絵、それらの形や色彩、構成などを工夫する必要があることを学んでいる。
本学級の生徒は美術の授業に意欲的に取り組む生徒は多く、楽しんで表現活動に取り組んだり、自分の考えをもって鑑賞活動をしたりする姿が見られる。しかし、考えをもっていても積極的に発表しない生徒が少なくない。気付いたことや感じたことを自由に発表できるよう、学習形態の工夫や受容的な雰囲気づくりなど、互いに話し合い、深め合える授業展開にしたい。
（３）指導の構え
本題材では、伝えたい内容を多くの人に伝えるために、形や色彩、構成などの造形がもたらす効果を生かして分かりやすさや美しさなどを考え、表現の構想を練る発想や構想の能力を育成すべく、次のような手立てを講じたい。まず、実際に目にする身近なデザインを取り上げ、そのデザインを多くの人が分かりにくいと感じている実態を紹介する。
「伝えたい」情報を「伝わる」情報にするには、デザインを作る側の思いや意図だけでなく、使用する相手を見据えることが情報伝達デザインの始点となることに気付かせ、その視点をもって課題を考えさせるようにしたい。第１時の個人でより分かりやすいエレベーターの開閉のピクトグラムを考える際には、誰に何を伝えたいのかといった目的や条件を明らかにして、すでにあるピクトグラムに見られる問題点を捉え、それをどう改善すべきか考えた上で、より分かりやすく心地よいピクトグラム案を探れるようなワークシートの構成を工夫したい。また、問題点や改善点について探っていく際には、ピクトグラムの形や色彩、構成など造形的な要素を視点に考えさせ、造形の感情効果に気付かせるとともに、それを生かしてピクトグラム案を考えていけるようにしたい。第２時では、第１時で考えた個々のピクトグラム案のうち、数名の案について全体で意見交換し、より多くの人に伝わるピクトグラムにするためにデザインを練り合う。まずピクトグラム案の制作者の話を聞き、何を問題点と感じ、どのように改善を試みたのか知り、聞き手はそのデザイン案について気付いたことや疑問に思うことなど自由に意見を出す。その際、様々な生徒の意見から造形的な要素に関わるものを拾い上げ確認することで、造形的な要素とその効果について意識させることができると考える。そして、意見交換後に再び個々でピクトグラム案考える時間をとり、意見交換で確認した形や色彩、構成などの造形の性質や感情の効果を生かして、より分かりやすく心地よいデザインにまとめていけると考える。
３

教科の本質に迫る授業づくり
多くの人が分かりにくいと感じているピクトグラムについて、その問題点とそれをどう改善すべきかを造形的な視点で考えさせることで、造形やその効果に対する客観的な見方や捉え方をもって表現の構想を練ることにつながる。
造形的な視点とは、美術科ならではの視点であり、教科で育てる資質・能力を支える本質的な役割を果たすものである。多くの人が分かりにくいと感じているピクトグラムについて、造形的な視点を軸に、『なぜ「伝えたい」ことが伝わらないのか』、『それをどう改善すれば「伝わる」のか』という「問い」を個人や全体の場と重ねて考えさせることで、人が共通に感じる形や色彩、構成などの感情効果や美しさに気付き、「伝わる」デザインの表現の構想を練る際には、それらを生かすことができるのではないかと考える。

４

題材の目標
○「伝えたい」情報をより多くの人に「伝わる」情報にすることに関心をもち、主体的に構想を練っている。
（美術への関心・意欲・態度）◎「伝えたい」情報をより多くの人に「伝わる」情報にするために、形や色彩、構成などの効果を生かして分かりやすく、心地よいピクトグラムの構想を練っている。 （発想や構想の能力）○形や色彩、構成などの特徴や印象、デザイナーの意図などを感じ取り、自分の価値意識をもって味わっている。
（鑑賞の能力）５全体計画（全２時間）
時
学習活動
評価規準〔共通事項〕
配時○インフォグラフィックスの目的や必 ・形や色彩、構成などの特徴や印象、デ要な条件などについて学ぶ。
ザイナーの意図などを感じ取り、自分○「エレベーターの開閉のピクトグラの価値意識をもって味わっている。
ム」のデザインについて探る。
【鑑賞の能力】
１
１○開閉のピクトグラムの問題点とどう（観察・発言内容・ワークシート）改善すべきか個人で考える。さらに改善したピクトグラムのアイデアを練る。
○個々のピクトグラム案について、気 ・「伝えたい」情報をより多くの人に「伝付いたことや疑問に思うことなどをわる」情報にすることに関心をもち、意見交換する。
主体的に構想を練っている。
○意見交換を生かして自分のピクトグ【美術への関心・意欲・態度】
ラム案を制作する。
（観察）
２／２
２ ○「伝えたい」を「伝わる」デザイン ・「伝えたい」情報をより多くの人に「伝（本時）にするために大切なことは何かまとわる」情報にするために、形や色彩、める。
構成などの効果を生かして分かりやすく、心地よいピクトグラムの構想を練っている。 【発想や構想の能力】（観察・発言内容・ワークシート）

６ 本時の学習（２／２時間）（１）指導目標
多くの人が分かりにくいと感じているピクトグラムの改善案の検討を通して、問題点やそれをどう改善すべきかを造形的な視点で考えることで、形や色彩、構成などによる効果に気付けるようにする。

（２）展開学習活動と予想される生徒の反応（配時）
指導上の留意点
１ 前時までの振り返りをする。
（２）全体 ・インフォグラフィクスの目的と５つのキーワード、ピクトグラムの３条件について掲示し、（私が）「伝えたい」を（みんなに）「伝わる」にすることを意識付ける。
２ 学習課題を確認する。
（１）
全体
より多くの人にとって分かりやすい開閉のピクトグラムにするには、どのような改善が必要だろうか
３

自分のピクトグラム案について、問題 ・ピクトグラムのアイデアスケッチ以外にも、点を改善するためにどのように工夫した何をねらってどう工夫したか言葉でメモさせか整理する。
（５）
個人ることで、分かりやすくするためのアイデア・三角形だと方向性が分かりにくいので、 を明確にさせる。
矢印で表す。
・線が何を表しているのか分かりにくい。
「開」は線２本で間をあけて表す。
・同じ色で紛らわしいので、「開」は明るく、「閉」は暗くする。
４ 個々のピクトグラム案について、気付 ・２、３名のピクトグラム案を取り上げ、それいたことや疑問に思うことなどを意見交ぞれの案について制作者の工夫点などを聞い換する。
（15）
全体た上で、気付いたことや疑問に思うことなど・三角形から矢印に変えると方向性が分を基に意見交換させる。
かりやすくなった。
・生徒の意見で何を問題と捉え、どう改善すれ・分かりやすいが少しシンプルさに欠けばよいか明確でないものには、適宜問い返し、るかも。
意図が明確になるようにする。
・矢印にしたのはよいが、それ以外に工 ・生徒の意見から造形的な要素に関わるものを夫点が見られない。思い切って矢印だ
拾い上げ確認することで、造形的な要素とそけにしてみるのはどうか。の効果について意識させる。
・矢印に加え、扉が開く、閉まる状態を ・随時気付いたことや考えたことなどをワーク取り入れてみるとより直感的に分かる
シートにメモして、この後の「伝わる」ピクのでは。
トグラム作成のヒントとする。
・扉と扉の間隔を広げると「開」が表れるのでは。
・色を変えて違いが分かってよい。
・色で「開」「閉」まで表せていないと思う。
５ 意見交換を生かして自分のピクトグラ ・意見交換で確認した造形やその効果を視点に、ム案を制作する（15）個人
ピクトグラム案を考えさせる。ワークシート
・三角形では方向性が分かりにくく、矢にはアイデアスケッチ同様、何をねらってど印では全体の形がガタガタになるのう工夫したのか言葉でメモさせ、生徒の思考で、「くの字」型にするとシンプルかつの跡を残るようにする。
方向性も分かりやすくなる。（形）・グループの形式で制作させ、適宜「伝わる」
・一色で分かりにくいので、「開」は明るピクトグラムか確認したり、アドバイスした
い色、「閉」は暗い色にすると直感的にりしてアイデアを練り合っても良いことを伝分かる。（色彩）える。
・「開」は真ん中に隙間を作ってドアが開 ・制作の様子やワークシートへの記入を把握し、いている状態を表し、「閉」は隙間を一意図的指名に生かす。
切作らず線で表し、閉じた状態を表す。
・「伝えたい」情報をより多くの人に「伝わ（形、図形の配置）る」情報にすることに関心をもち、主体・ドアだけではどのような状態か分かり的に構想を練っている。
にくいので、人のピクトグラムを入れ、【美術への関心・意欲・態度】「開」は隙間に人が移動している様子（観察）を表し、「閉」は人が見えず閉じた状態を表す。（形、図形の配置）
・「伝えたい」情報をより多くの人に「伝わる」情報にするために、形や色彩、構成などの効果を生かして分かりやすく、心地よいピクトグラムの構想を練っている。
【発想や構想の能力】（観察・発言内容・ワークシート）

６

７

７

本時のまとめをする（10）全体

・２，３名のピクトグラム案を取り上げ、それぞれの案について制作者がどのような造形の要素とその効果を生かして制作したか紹介させる。
・形や色彩、それらの構成によって印象やイメージの捉え方が変わるため、より多くの人が分かりやすい形や色彩、その構成を吟味することが大切であることを押さえる。
エレベーターの開閉のピクトグラム問 ・インターネット上でも分かりにくいエレベー
題のその後を聞く。
（２）
全体
ターの開閉のピクトグラムに対する様々な解決案が示されていることを紹介する。

授業観察の視点・ 分かりにくいピクトグラムについて、その問題点とどう改善すべきかを造形的な視点で明確にしてピクトグラム案を考えさせたことは、形や色彩、構成などによる効果に気付かせるために有効であったか。

〔参考文献〕
・木村博之『インフォグラフィックス 情報をデザインする視点と表現』誠文堂新光社 2010
・
『デザインノート No.73 インフォグラフィックとサインデザイン。』誠文堂新光社 2017
〔資料〕

一般的なエレベーターの開閉のピクトグラム

第１時に生徒に提示した資料「とあるブログにて・・・」

第１時に生徒に提示した資料『「しらべぇ」では・・・』