2月4日(土)-ECサイトデザイン実習③バナー制作

メモ(仕事での制作物提出について)

(先生の場合)
・ラフを出すときにはイラレやフォトショではなく、ExcelやXDを使用した簡素な配置メモを渡すとのこと(文言などが決まっているときは入れ込む)
・その際には文字の大きさ、スタイルなども考えて清書直前の配置メモにする

・参考画像で、DLしたバナーなども添えて説明している(競合他社のバナーでも、理由を添えて)
例:「このレイアウトのバナーですが、調査したところ売上が上がっているようで、サイトTOPにもありましたので、似た雰囲気で作成しました」など

オリジナルバナー作成練習(埋め込み)

使用ソフト|Photoshop(作業時間:約160分)

埋め込みで並べた際に浮かないよう、書体や文字色などを合わせました。
ぼんやり発光する感じでくらげのイラスト(パス)を入れて、ふわふわ感を出すために円弧と、メインタイトルはゆらゆら漂うイメージで波形フィルターを使用しました。

▼借用元元画像
・サンシャイン水族館(スクリーンショット)
https://sunshinecity.jp/aquarium/

・くらげ素材(写真AC)
https://www.photo-ac.com/main/detail/24764880?title=%E3%82%AF%E3%83%A9%E3%82%B23

他バナーの雰囲気に合うようにシンプルな配置にしました。
テーブル素材はそのままだときつく感じたので、雰囲気に合うよう白基調にして、遠近法ツールで食器の角度に合わせ、ドロップシャドウやブラシで影を付け足しました。

▼借用元元画像
・KEYUCA(特集一覧ページスクリーンショット)
https://www.keyuca.com/shopping/user_data/special.php

・KEYUCA 離乳食皿
https://www.keyuca.com/shopping/products/detail.php?product_id=43576&category_id=552

・テーブル素材(写真AC)
https://www.photo-ac.com/main/detail/25195459?title=%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E6%9C%A8%E7%9B%AE

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です