バナートレース8
Diary
2019/04/04
バナートレースと考察
元画像
トレース
サイズ:300px×250px
制作時間:1:05
いつもよりちょっとだけ速い。笑
- フォント
キャッチコピー、遷移ボタン:抜け感のある明朝体→リュウミンを使用、数字だけTBUDゴシック
文:読みやすい角ゴシック→源ノ角ゴシックを使用 - 配色
ベースカラー:ベージュ(#b3a588~#e2dacdのグラデーション)
メインカラー:ベージュ(#f9e6c6)
たぶんコーヒーだから茶色系。やわらかいベージュとふわっとした文字でカフェで安らぐイメージ。 - レイアウト
横2分割。文字を上段、写真とボタンを下段。ボタンも上に配置して、文字と写真をはっきり分断している。
商品写真がど真ん中に配置されているのに対して、上段の文字はど真ん中より少し右寄り、下段のボタンは少し左寄り。左上のロゴマークとの兼ね合いかな?試しに上段の文字をど真ん中に配置すると、右の余白が大きく見える気がした。文字を左にずらすのに合わせて、ボタンは右にずらしたのかも。 - 使用画像
商品写真。全体が見えるように、2つ並べて置いた感じ。背景や影は合成で描いたものに見える。 - 情報の優先度、伝え方
商品写真>キャッチコピー>新発売>遷移ボタン
いつもと違うパッケージとキャッチコピーで特別な感じを伝えている。
キャッチコピーと遷移ボタンの明朝体で、リッチさを表現している。 - 反省点
・「いい日に」の部分が少し小さく見えるような・・・
・遷移ボタンの文字が縦長になってしまった。シェイプとのバランスも悪い。
・商品の影がもうちょっとうまく描ければよかった
Photoshopレタッチの練習のおかげで、マウントレーニアがわりときれいにくり抜けた!
やっぱりPhotoshopの使い方を理解していると、全然仕上がりが変わってきそう。
あとは、フォント探す時間がもっと短縮できればな~~
webだとソース見たりツール使ったりでわかるけど、画像はうまく調べられない(-_-)