30日バナートレース No.2 ガイドラインのコピー
ファッション、カジュアル、シンプル、セール、文字組み・文字だけのバナー | BEAMS LIGHTS 10%OFF Campaign | BANNER LIBRARY
トレース結果
実績
40分
できた点
- 縦横のガイドラインを見本通りの間隔に設定
- 字間の調整
できなかった点
- フォントの統一
- 横ガイドラインの開始位置を揃える
- ロゴ・図形の挿入
などなど
デザイン考察
- ブランドカラーを全面に出し、ひと目で「BEAMSだ」とわかるように
- 白文字ではなく黒文字を使い、落ち着き・格好良さを表現
- フォントウェイトにメリハリをつけ、言いたいことを明確に伝える
- 余白を多め＋文字を太く大きく→文字に視線を誘導
学んだこと
- ガイドラインを最初にすべて引くと、要素との対応がわかりにくくなるので必要なときに引くのが良い
ガイドラインをはじめに引きすぎると見るべきガイドラインがわからなくなる - ガイドラインもコピペできることを発見→ガイドラインの開始位置のズレを防ぐため、枠とガイドラインだけは見本と重ねて作るのが良さそう
- ガイドライン通りに線を引いたつもりでも微妙に長さが違ったため、拡大ツールを使ってガイドラインの位置とズレを確認する必要あり
課題
- 標準で入っているフォントかどうかわからない
- 文字位置の調整・フォントの選定だけで時間を使い果たしロゴ・図形を作る時間がない
→30日でフォントを見る目を養い、毎回トレースの効率化を図る。
おわりに
昨日に引き続き文字がメインのバナーをお題にしたが、昨日よりは字間の調整ができた。
はじめにすべてのガイドラインを引くのに10分近く使ったものの、逆に線が多すぎて迷うという結果になったので、次は必要最低限のガイドラインのみ最初に引くようにする。
