![見出し画像](https://assets.st-note.com/production/uploads/images/145100678/rectangle_large_type_2_04affbb5837d593146f691db8ca87160.jpeg?width=1200)
無料添削デザインスクール #312 「ハンバーガーバナー」
添削
![](https://assets.st-note.com/img/1719208686516-CkMoxVJBy5.jpg?width=1200)
ハンバーガーのInstagram広告のLINE登録バナーですね。
シックな雰囲気ですね。
■連想する色
![](https://assets.st-note.com/img/1719208878177-dzmRqwe4TC.jpg?width=1200)
文字だけで「LINE」説明するよりも、色とセットにするとより分かりやすい説明になります。
![](https://assets.st-note.com/img/1719209138049-Iw9k43dYlH.jpg?width=1200)
カラーを入れることでブランド感も出て、大手のブランドが入っているという安心感にもつながります。
「お友達になろう…へへへ…」
「LINEの友達になろう!」
このくらい違います。
■ロゴの扱い
![](https://assets.st-note.com/img/1719209299542-DT7wL4PuFK.jpg?width=1200)
ロゴの置き方上が仮設っぽいのでしっかりとバナーの中に入れて一体化してあげたいです。
帯を引くと目立つのですが、ロゴをそこまで目立たせる必要はないです。
ロゴは企業の顔なので大切にしたいのですが、企業広告ではないのでロゴよりも商品を目立たせるのに注力をしてあげるといいです。
■掲載媒体の特徴
![](https://assets.st-note.com/img/1719209465246-sjlrIDDNv1.jpg?width=1200)
バナーの方向性を決める時に重要なのが掲載する媒体です。
ヤホーなのかグーグルなのか、掲載する媒体で見る人も大きく変わるのでデザインも変わってきます。
Instagramの広告ということで、Instagramを使用する人の年齢層やタイプを考えると、かなり意識高い系になるかと思います。
投稿されている写真も盛りに盛った映える写真が多いので、その中で浮かないように見た目重視で作りたいです。
現状だとちょっと単調な印象なので、インパクト重視で作ると迫力が出てくるはずです。
媒体によっては文字の比率も決まっています。
Instagramは確か30%だったかな?
文字が大きすぎると小さくしろと怒られます。
写真メインで作らないといけない場合や、逆に文字だけで作らないといけないこともあるので、臨機応変に対応する能力が必要になります。
■全体の色合い
![](https://assets.st-note.com/img/1719210415047-1hqtHcgROF.jpg?width=1200)
全体の色が暗いので飲食系は明るい色にしてあげるといいです。
![](https://assets.st-note.com/img/1719210436708-i6enYj3R49.jpg?width=1200)
色調補正をして帯を明るい色に変えるだけでも印象は変わります。
元素材がどんなのか分からないのですが、背景が暗いのでそこも明るくできたらいいかと思います。
■サブピクセル
![](https://assets.st-note.com/img/1719209970020-0PBwRgntwq.jpg?width=1200)
技術的なことですが、サブピクセルが出ていて写真がへこんでいるように見えます。
写真を配置するときにピッタリに置くとサブピクセルが出ることがあります。
配置する画像はマスクなどで少し外側を削る、または画面外にちょっと出すとサブピクセルは出にくくなります。
作業画面では気付きにくいのですが、たまに微妙にずれて0.3pxずれてたりすると書き出した時にサブピクセルが発生して気付くことがあります。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」を付けて投稿してください。
作って終わりが一番成長しない。
— イライジャ|デザイン添削おじさん 現役WEBデザイナー (@Elijah_School) June 2, 2022
添削して修正するのが実務に近い環境で、成長も早い。
どんどん作って、どんどん添削。#デザイン添削希望
これを付けて投稿すれば依頼完了
「note」での添削になります。
▼過去のバックナンバーはこちらhttps://t.co/rZENBjRSaK pic.twitter.com/KDUVWMmKVN
この記事が気に入ったらサポートをしてみませんか?