banner

バナートレース012/100

「似たような素材が見つからない」と先輩に相談したところ、「夏の前っぽい写真を探せば?」と言ってもらったのでやってみました。 見本・トレース 所感 女性を切り抜いて新しく背景を作ろうと思ったのですが、大変だったのでキラキラを足しました。 柔らか…

バナートレース011/100

見本・トレース 所感 背景は青色のグラデーションにしたが、並べてみるとグラデーションが甘かった。右上をもうちょっと明るく。 「爆速」下の「Word Press」の行間をもっと詰めた方が良かった。 「体感せよ」のボタンの角度が大きすぎた。 文字の縦はちゃん…

バナートレース010/100

ちょこちょこ勉強は進めていたのですが、インプットばかりだったので、久々にバナートレースをしました。 見本・トレース 4回修正しました 出来上がってブログに載せようと画像をアップロードしたのですが、見れば見るほど気になる部分が出てきたので、結局…

バナートレース009/100

見本/トレース ←見本 トレース→ 斜めストライプが見本より太目になってしまいました。 「最大39%」も、見本の方が白い領域が多かったです。 初めてやったこと 斜めストライプのレイヤーを重ねる 斜めストライプが重なっていることに気づいて、もっとやり…

バナートレース008/100

見本 色合いが気に入ったのと、「SALE」の文字の一部の色を変える方法が知りたかったので、このバナーをトレースすることにしました。 トレース トレースしたバナーがこちらです。 縦を揃えルことを意識して、文字サイズなどを調整しました。ポイント10倍の…

バナートレース007/100

300*250サイズのトレースをやってきましたが、他サイズのバナーデザインが苦手なので、他のサイズのトレースもはじめていきます。 見本/トレース 考察 「得サブ」の上下の文字は潰れていたので再現できなかった。そもそも文字サイズが小さいので超高画質でも…

バナートレース006/100

見本/トレース 考察 右下の男性の背景が白っぽいので、中央の白の帯が目立たなくなってしまった。写真を入れ替えるといい感じになった。 「独立したいエンジニアに朗報!」というテキスト、一字ずつ右上に配置されていて、文字自体は若干斜めになっている。…

バナートレース005/100

見本/トレース 考察 ネイビーとゴールドの組み合わせは高級感がある。 アイコンとテキストの部分は、隣同士のマージンが少ないため若干読みづらさを感じる。 「美術展・イベントなど」の文字数が多く他2つに比べて幅がある。「各種イベントなど」にすると3…

バナートレース004/100

見本/トレース 考察 最初に大きめのロゴをいれると、必ずサービス名が目にとまる。(全く知名度のないサービスだと逆効果かもしれない) 目立たせたい文言(「500」や「31」「無料!」等)の文字サイズを大きくすることでメリハリがつく。 3つのポイントの背…

バナートレース003/100

見本/トレース 所感 青〜緑のグラデーションが目を引きます。グラデーションをかなり調整したのですが、青みが足りないですね。。 このバナーを見た人は「オーディオ広告ってどこに?spotifyか!(または、spotifyって?)くわしくしりたい!」って思ってク…

バナートレース002/100

見本/トレース まとめ 所感 デザイン 使用されている色が少なく、きれいにまとまっています。 「詳しくはこちら」ボタンの左端が斜めになっていることでスタイリッシュさ、スピード感が出ていて好きだなあと思いました。 「カワイイとカッコイイを一つのデ…

バナートレース001/100

最近、いろんな方のブログなどを拝見して、バナーのトレースを100個やるのは当たり前なのか!と知ったので、WEBサイト・アプリのトレースと並行しながら、バナーのトレースを行うことにしました。こちらは毎日やっていきます! まずは1つめです。お気づきの…