バナートレース8

Diary 2019/04/04

バナートレースと考察

元画像
トレース
サイズ:300px×250px
制作時間:1:05

いつもよりちょっとだけ速い。笑

  1. フォント
    キャッチコピー、遷移ボタン:抜け感のある明朝体→リュウミンを使用、数字だけTBUDゴシック
    文:読みやすい角ゴシック→源ノ角ゴシックを使用
  2. 配色
    ベースカラー:ベージュ(#b3a588~#e2dacdのグラデーション)
    メインカラー:ベージュ(#f9e6c6)
    たぶんコーヒーだから茶色系。やわらかいベージュとふわっとした文字でカフェで安らぐイメージ。
  3. レイアウト
    横2分割。文字を上段、写真とボタンを下段。ボタンも上に配置して、文字と写真をはっきり分断している。
    商品写真がど真ん中に配置されているのに対して、上段の文字はど真ん中より少し右寄り、下段のボタンは少し左寄り。左上のロゴマークとの兼ね合いかな?試しに上段の文字をど真ん中に配置すると、右の余白が大きく見える気がした。文字を左にずらすのに合わせて、ボタンは右にずらしたのかも。
  4. 使用画像
    商品写真。全体が見えるように、2つ並べて置いた感じ。背景や影は合成で描いたものに見える。
  5. 情報の優先度、伝え方
    商品写真>キャッチコピー>新発売>遷移ボタン
    いつもと違うパッケージとキャッチコピーで特別な感じを伝えている。
    キャッチコピーと遷移ボタンの明朝体で、リッチさを表現している。
  6. 反省点
    ・「いい日に」の部分が少し小さく見えるような・・・
    ・遷移ボタンの文字が縦長になってしまった。シェイプとのバランスも悪い。
    ・商品の影がもうちょっとうまく描ければよかった

Photoshopレタッチの練習のおかげで、マウントレーニアがわりときれいにくり抜けた!
やっぱりPhotoshopの使い方を理解していると、全然仕上がりが変わってきそう。
あとは、フォント探す時間がもっと短縮できればな~~
webだとソース見たりツール使ったりでわかるけど、画像はうまく調べられない(-_-)