– 本日のアジェンダ –
1限目
実技 ECサイトデザイン実習③
クライアント確認について
2限目
実技 ECサイトデザイン実習③
バナー作成
3限目
実技 ECサイトデザイン実習③
バナー作成
4限目
実技 ECサイトデザイン実習③
バナー作成
5限目
実技 ECサイトデザイン実習③
バナー 講評
本日のテーマ
馴染んでください
ワンポイントアドバイス
バナーを作成したら、スクリーンショットしたページに当て込んでみましょう。違和感が無かったら成功です。ページに馴染むようにデザインの基本ルール「レイアウト」「文字」「配色」に気を付けて作成してみてください。
本日の課題
バナー作成練習 -あて込み-
ご自身で選んだジャンルのバナーを作成し、ページ画像に当て込んで下さい。
4時限目終了までにご自身のポートフォリオサイトにアップしましょう。
5限目に講評を行います。
※バナーサイズ設定は自由です。
※目標2つ以上で制作しましょう。
①ファミマ
「ファミマの七草がゆ」＆「ファミマのバレンタイン」
②ダイソー
「和の食器」※画像はダイソー商品ページより使用
本日学んだこと
バナー作成時元の画像の比率を参考に大きめに作成したらいい
感想
本日はバナー作成を行いました。今回、ファミマオンライン部分とダイソー特集ページ部分のイメージで作成しました。
ファミマの七草がゆはおいしそうな写真だったので使用したものの、スプーン部分が足りなかったため生成拡張機能を使用してより自然にしました。また、七草についても背景色がついていて途中できるよりも全面同じ色にしたほうがきれいになりそうだと思い生成拡張を行いました。
また、ファミマのバレンタインイメージのバナーでは楽しい雰囲気のバナーにしてみようと思い作りました。人を入れるとバランスが難しいなとも感じました。
最後にダイソーの商品紹介ページに載っている写真を使用させてもらい、ダイソーの和食器特集のバナーを作成しました。
背景が白く切り抜きがしやすかったので、そもそも写真を撮る段階に立ち会うことができる場合加工後のイメージをもって撮影することも重要だと思いました。
また、レイヤー効果でフォントをいろいろと工夫できたのは面白かったです。