![](./images/spacer.gif) |
![](../../../images/spacer.gif)
1.単元のねらい |
科目:マルチメディアデザイン(学校独自科目)
○様々なパターンの配色を体験して,配色のイメージをつかむ。
○後で学習するWebデザインで各自で配色を工夫する力を養う。
○色相,明度,彩度について認識させる。
|
|
|
2.学習の流れとその内容 |
今回の単元の前段階として,1)単色のイメージを言葉で書き出す,2)言葉のイメージに合わせた配色を行ってみる,という2つの学習を2時間ずつ行った。
この単元では,ポスターの配色を変更する実習を行う。
(1) パワーポイントで作成した文化祭ポスターの配色を指示に従って作成していく。ポスターのレイアウトやパーツの変更は行わずに,配色だけを変更していく。
(2) 共有フォルダ内にある教材ファイル(パワーポイントファイル)を個人フォルダ内にコピーし,そのファイルを開く。
(3) 1つひとつのスライドに以下のような配色を施していく。
RGB値を変えることで色の変更を行う。RGB値はirouse※注1というサイトを参照させた。
1)同一色相・隣接トーン
![](./images/08_01.jpg)
2)隣接色相・同一トーン
![](./images/08_02.jpg)
3)類似色相・同一トーン
![](./images/08_03.jpg)
4)中差色相・同一トーン
![](./images/08_04.jpg)
5)対照色相・同一トーン
![](./images/08_05.jpg)
6)補色色相・同一トーン
![](./images/08_06.jpg)
7)同一色相・対照トーン
![](./images/08_07.jpg)
(4) 完成したパワーポイントのファイルをJPEG形式で保存する(スライドが1つひとつのファイルになる)。
(5) JPEGファイルすべてに自分の組・出席番号をつけて共有フォルダ内の指定したフォルダ内に提出する。
生徒は今までいろんな色を使う機会があまりなかったので,様々な色(色相)を実際に使ってみる機会をつくった。
今回のようにポスターなどを作成する場合,様々な配色を試す機会を設けることがほとんどない。その理由の1つに,そのようなことをすると時間がかかってしまうという理由がある。しかし,パソコンで行えば,短時間で,様々な配色の試行を行うことができる。今回の実習では,とにかく,様々な配色を実際に自分で行ってもらった。このことで,色の引き出しが増え,後に行うWebデザインでの配色がやりやすくなるようにというねらいもある。
|
|
|
|
![](./images/spacer.gif) |
![](../../../images/spacer.gif) |
![上に戻る](../../../images/goup.gif) |