デザイン添削｜まとめ

無料添削デザインスクール #313 「水族館バナー」

添削水族館のバナーですね。幻想的な雰囲気が出てますね。 ■要素配置デザインを作る技術は十分あると思うので、より細かい配置の部分を中心に見て行こうかと思います。右下の要素が小さくて読めないサイズになっているので調整が必要です。レイアウトもクラゲのシルエットとかぶっているので、区別できるようにしてあげるといいです。小さいですがよく見ると商品を斜めに置いていますが、全体の雰囲気から見るとポップすぎるようにも見えます。シンプルに斜めにしないでおいてあげた方が落ち

無料添削デザインスクール #312 「ハンバーガーバナー」

添削ハンバーガーのInstagram広告のLINE登録バナーですね。シックな雰囲気ですね。 ■連想する色文字だけで「LINE」説明するよりも、色とセットにするとより分かりやすい説明になります。カラーを入れることでブランド感も出て、大手のブランドが入っているという安心感にもつながります。「お友達になろう…へへへ…」「LINEの友達になろう！」このくらい違います。 ■ロゴの扱いロゴの置き方上が仮設っぽいのでしっかりとバナーの中に入れて一体化してあげた

無料添削デザインスクール #311 「不動産バナー」

添削不動産のバナーですね。青で堅実さが出ていますね。 ■ロゴこちらも前回と同じで、ロゴはデザインに入れない。こういうデザインのロゴでも文字の中にいれたりはあまりしません。おとなしく端に入れてあげるくらいの扱いにしてください。詳しくはこちらの上に置くのは、リビングが玄関にあるくらい変なことなので、あるべきところに置いてあげてください。ロゴを文字の中に入れるなら一番上に入れるのが自然です。企業名は「かんむり（冠）」というくらいなので頭に置いてあげるといいで

無料添削デザインスクール #310 「エンジニアスクールバナー」

添削エンジニアスクールのバナーですね。パステル調にまとまってますね。 ■ロゴはいじらない元々こういうロゴならしょうがないのですが、たぶん違うと思う… ロゴの背景に色を敷くのはたまにしょうがないのと、レギュレーションで決まっている時に使うことがあります。ただ、角丸とかもデザインを入れている行為になるので怒られることがあります。「ロゴ　レギュレーション」 ▲一度検索してみてください。ロゴには決まりごとが多いので扱いには注意が必要です。 ■読みやすさ色ん

無料添削デザインスクール #309 「SALEバナー」

添削夏のSALEバナーですね。爽やかな色合いですね。 ■フィルター背景にPhotoshopのフィルター加工がされていますが、基本的にフィルターはあまり使わないです。使うとしたらノイズ入れたりするくらいかな。 Photoshopの使い方の教本にあるのは90％くらいは使いません。よく使うのはマスクで切り抜いたり色調補正するくらい。ほとんどはそのまま使わないで、加工に使う手段です。ちょっと質感をつけたいときは、Photoshopで作るとどうしても偽物感が出るし、

無料添削デザインスクール #308 「夏祭りバナー」

添削夏祭りのバナーですね。青が際立ってますね。 ■カラー背景の青が原色に近いのを使っているようなのですが、原色は目立つのですが、パワーがありすぎて目に悪いというか刺激物扱いされます。つまり、色だけで見にくいという判断されます。少しくすんだ色にすると馴染んだイメージになります。 ↑サンプルは分かりやすいように極端にしていますが、モニターによっては区別がつかないかもしれないです。バナーの場合はモニターに表示されることがほぼ100％なので、モニターによっては分か

無料添削デザインスクール #307 「スイーツ抹茶フェアバナー」

添削抹茶フェアのバナーですね。緑で抹茶感が出ていますね。 ■何のバナーだろう架空のバナーを作る時に、自分で要素を出すと意外と難しいので、プロの方が出しているバナーお題などをやってみるといいです。実務に近いので作るだけでも勉強になります。企業ロゴがなかったり、文言が足りずに何のバナーなのかが分からないなど、抜けがあるとイマイチ練習にならないです。 ▼ちなみに私もお題出しています。そこそこ難しいです。 ■バナーを見る時間と要素の量広告は華やかなイメージがあ

無料添削デザインスクール #306 「ECセールバナー」

添削ECサイトのバナーですね。パキッとしたイラストがいいですね。 ■サイズ要素が真ん中に集まっているので、全体が小さく見えます。バナーに余白を入れる初心者の方が多いのですが、バナーに余白はあまりいりません。「余白が全て！」というデザインの教えもありますが、それはWebサイトとかチラシなどでは大きく余白を入れることもあるので重要ですが、バナーの場合は余白を大きく入れるというよりかは、余白をうまく使う同じ余白ですが意味合いが少し違います。バナーはスペ

無料添削デザインスクール #305 「パスタ専門店バナー」

添削パスタ専門店の期間限定メニューの告知バナーですね。オータムっぽいデザインになっていますね。 ■要素の配置文字要素がパラパラと散らばっていてまとまりがないように見えます。文字があるのに文字も模様のように見えるので伝わりにくくなっています。文字サイズと位置を調整してみてください。 ■相性食べ物と柄ものは相性が悪いように見えます。一番見せたいものはパスタなわけで、背景に柄が入るとどうしてもパスタが目立たなくなってしまいます。世の中にあるレストランのメニ

無料添削デザインスクール #304 「歯医者バナー」

添削子供向けの歯医者のバナーですね。かわいいポップなデザインですね。 ■文字選定またキャッチコピーの話になってしまいますが… このバナーで一番大きいのが歯医者さんの名前ですかね？「きぬた歯科」みたいな感じだと思います。歯医者を店名で選ぶことってありますかね？楽天、Amazon、docomo、Sony… メーカー名で選んでしまうこともありますが、歯医者はそれこそ「きぬた歯科」さん以外で名前で選ぶことは少ないのではないでしょうか。地元で有名とかだったら、そも

無料添削デザインスクール #303 「水族館バナー」

添削水族館のバナーですね。水の涼しさが出ていますね。 ■文字の読みやすさ雰囲気はいいのですが、やはり文字が読みにくいですね。サイズと色の調整が必要です。若干…イルカじゃなくてクジラなんじゃないかな？「本場イタリア　和風パスタ」みたいな感じで頭がパニックになるので、イルカだったらシルエットもいるかにしっかりしてあげると言葉と絵が直結します。どんな水族館を想定しているのかは分からないのですが、明朝でまとめてあるので、かなり大人向けというかしっとりした水族館

無料添削デザインスクール #302 「イースターエッグバナー」

添削-1イースターエッグのバナーですね。パステル調でかわいいですね。 ■QRコードこれはバナーだと思われるので、QRコードはいらないように感じます。 PCで見る人も減って、現在は90％近くがスマホで見ています。チラシなら分かるのですが、バナーにQRコードは読み込めないのでいらないかな。 ■文字サイズこの添削もスマホから見てる可能性が高いと思います。その画面でバナーを表示して読めない文字があったら、それは小さすぎるということです。最初の内は文字サイズの感

無料添削デザインスクール #301 おせちバナー」

添削おせちのバナーですね。色がお正月っぽいですね。 ■文字選定一番大きく期限を入れていますが、期限で人は物を買うときは、大幅値下げのセールとかです。このバナーだと「早期割引」がその値下げ部分になるので、そっちを大きくしてあげるといいです。 1「早期割引やってるんだ！」 2「10月10日までか！いっそげ～！」この順番なので、まずは「早期割引」で振り向いてもらわないと日付を見せてもただの数字を見せているのと一緒で無反応です。 ■バランス左のおせちの店名みた

無料添削デザインスクール #300 「歯科医院のメインビジュアルとリクルートバナー」

添削歯医者さんのメインビジュアルとリクルートバナーですね。上がバナーで下がメインビジュアルかな？ ■雰囲気雰囲気が歯科っぽい信頼感のあるデザインになっていていいと思います。色味や文字の置き方もいいですね。 ■文字組み文字がブロックで横に並んでいるところが読みにくいです。普通に上下に１行ずつ並べた方が見やすいです。「働く女性に優しい歯科医院です。」この一行を前段の「働く女性に優しい」を線で囲むのも無理があるので、一文の時はできるだけ一文で表現したいで

#WEBデザインスクール