◆通所訓練（25/11/25）

講師：平井美江先生
カリキュラム資料：なし

1限目
実技 ECサイトデザイン実習③
クライアント確認について

2限目
実技 ECサイトデザイン実習③
バナー作成

3限目
実技 ECサイトデザイン実習③
バナー作成

4限目
実技 ECサイトデザイン実習③
バナー作成

5限目
実技 ECサイトデザイン実習③
バナー 講評

◆本日のテーマ

馴染んでください

▼クライアントへの確認方法

デザインした制作物をクライアント（発注者）に確認を入れる場合は、そのまま見せる事が最も解りやすい方法です。バナーを作成したらページにそのまま当て込んで（テストアップ等）確認をとります。

▼ワンポイントアドバイス

バナーを作成したら、スクリーンショットしたページに当て込んでみましょう。違和感が無かったら成功です。ページに馴染むようにデザインの基本ルール「レイアウト」「文字」「配色」に気を付けて作成してみてください。

◆本日の課題

▼バナー作成練習 -あて込み-

ご自身で選んだジャンルのバナーを作成し、ページ画像に当て込んで下さい。
4時限目終了までにご自身のポートフォリオサイトにアップしましょう。
5限目に講評を行います。
※バナーサイズ設定は自由です。
※目標2つ以上で制作しましょう。

●バナー１

▼初稿

サイズ：450×300

▼第２稿

▼第３稿

●バナー２

▼初稿

サイズ：900×600（450×300では小さすぎた為２つ目は４倍の大きさで作成）

▼第２稿

▼第３稿

●ECサイト:Tabio

▼元画像

▼当て込み後

出典：Tabio（https://tabio.com/jp/）

●制作過程

使用ソフト：Illustorater
サイズ：900×600（バナー１は初稿450×300で作ったが、２稿目からサイズupした）
▼バナー１
制作時間：授業中２時間＋自宅１時間＋自宅0.5時間
修正経緯：
①授業中に制作したものは、クリスマスっぽいグリーンになっていなかった為、背景色を変更。
②クリスマスっぽい装飾『キラキラ素材』を追加。
③画像サイズ間違い修正。文字にゴールド色の装飾をした。

▼バナー２
制作時間：授業中２時間＋自宅１時間＋自宅１時間
修正経緯：
①「写真レイアウトが変」とのご指摘を受け、Tabio『特集一覧』を検索し直し新たな参考画像抽出。
②授業中に制作したものは、色味が納得出来ていなかった為、「やさしく温かい」色使いに変更。
③裏側写真の画像の切取り方が、少し偏っている（指が目立つ）為、修正。
④背景色にグラデーションを付け、テキストにドロップシャドウを付けた。【温かみを出す為】

◆本日の気付き・メモ

①サイズは、1,000×1,000くらいで作るのが良いと思った。
②色は最初に決めておくべきと思った。（教室でカラーピッカーから探しても上手くいかない）
③『キラキラ素材』といったツールを予め作成しておくと良いと思った。
④バナー２は、参考バナーを用意しただけでレイアウトを固めず作り始めた所、上手くいかなかった。
　左：初稿で参考にしたバナー、右：第２稿で参考にしたバナー