![見出し画像](https://assets.st-note.com/production/uploads/images/74407669/rectangle_large_type_2_e271450e55a2f27415e49bff4eb771c9.jpeg?width=800)
無料添削デザインスクール #47「音楽配信サービスバナー」
添削
![](https://assets.st-note.com/img/1647438662206-JrrV4sc1M3.jpg?width=800)
サブスクの音楽配信サービスに入りませんかのinstagramバナーですね。
■バランスのいい構成
![](https://assets.st-note.com/img/1647438938680-0nrGPZ7Kby.jpg?width=800)
要素がセンター揃えだったり、左揃えだったりとバラバラと置かれているので、まとまりの無さが出ています。
![](https://assets.st-note.com/img/1647439051122-O8rfwNqhg5.jpg?width=800)
分かりやすく要素をグレーで表してみました。
右にひん曲がった構成になっています。
このくらいの量の要素だったらセンターで統一しても良いと思いました。
■顔の近くに置かない
![](https://assets.st-note.com/img/1647439227291-MZdogYTdID.jpg?width=800)
メインでもある女性の写真ですが、顔のギリギリに文字などを置くと不安になってきます。
顔だけでなく、端ギリギリに文字を置いても同じようにハラハラします。
これはデザインだけでなくイラストや写真など、構図が関係するもの全てに言えることです。
・ハラハラする
・こすりすぎ
・落ち着かない
業界によって言い方は違うのですが、言っていることは同じです。
![](https://assets.st-note.com/img/1647439544218-7sg0ylnWu4.jpg?width=800)
実際に置いてみて、違和感がないところを探してみてください。
段々とどこに置いた時に落ち着きがいいか分かるようになってきます。
これもまた人によっては「カチッ」っと音が鳴るなど、ベテランデザイナーの人には感覚があるようです。
その経験則による言語化していないものを人は「センス」と言います。
■タイトルもデザインしよう
![](https://assets.st-note.com/img/1647439713766-VIK9F3NJ6Z.jpg?width=800)
商品のロゴにあたるところがデフォルトのフォントなのでしっくりこないように見えます。
ロゴ作るのは大変なのですが、それっぽい英字フォントでロゴっぽくして置くだけで雰囲気は大きく変わると思います。
ロゴ作るのは大変ですが、楽しいので練習だと思って作ってみてください。
意外とそのまま採用されることも現場ではしょっちゅうあります。
■ザックリ作ってみた
![](https://assets.st-note.com/img/1647440659741-kyhMG9DQpI.jpg?width=800)
ターゲット無視していますが、instagram広告は、オシャレ最優先なので、ターゲットに刺さりそうなクリエイティブの写真を使ってあげればいいかと。
ヘビーメタル聞きながら添削しているのでこういうデザインになりました。
デザイン添削のご依頼はTwitterから!
Twitterで投稿された作品を添削しています。
添削を希望される方はTwitterにハッシュタグ「#デザイン添削希望」または動画で添削をする「#動画でデザイン添削希望」を付けて投稿してください。
#デザイン添削希望
— イライジャ|WEBデザイナー デザイン添削おじさん (@Elijah_School) January 7, 2022
↑こちらを付けてもらえれば無料でデザイン添削します。#動画でデザイン添削希望
↑さらに細かい添削が欲しい方はこちら。
デザインファイルも送ってもらうと、動画で細かくファイルの作り方から添削します。
添削はYoutubeとnoteで!#WEBデザイナー #webデザイン勉強中 pic.twitter.com/SzI928oF2b
この記事が気に入ったらサポートをしてみませんか?