フリーランスwebデザイナーのwebデザインブログ

ちいさなwebデザインブログCHIIWEB BLOG

【デザイン添削】Before・Afterと検討

デザイン添削

この記事を書いている人

Marie

Marie

  • フリーランスwebデザイナー&講師
  • 2児ママ
  • 制作会社・インハウスデザイナーを経験し独立
  • オンラインwebデザイン教室ちいウェブ運営
  • 仕事の合間の息抜きに植物を育てています♡
もっと詳しくみる

独学でデザインの勉強をすると、中々デザインのフィードバックを受ける機会がないかと思います。

そんな時はちいさなWebデザイン教室

デザインの添削は回数制限なく受け付けております。

先日メンバーさんのデザイン添削をしましたので参考として紹介させていただきます。

デザイン添削、まずは

デザイン添削を希望される場合には、デザインデータだけでなく、コンセプトターゲット層も教えていただきたいです。

デザインの制作に入る前には、必ずデザインの目的を検討してから作るようにお願いしています

ちなみにデザインの目的についてはこちらの記事にも書いておりますのでお時間ありましたらぜひ

たとえば、使う色や素材やフォント、そしてデザインの雰囲気など、ターゲット層やコンセプト、目的によって変わってきます。

その為添削を依頼される場合には、それらを教えていただくととてもありがたいのです。

初回提出デザインと概要

最初に提出されたデザインはこちらです

初回提出デザイン

許可をいただき掲載しております。

(許可なく掲載することはありませんのでご心配なく

デザインのコンセプトは

  • スタバのようなカフェに掲示してある冬季新作商品のポスター
  • お客様が楽しみになるよう意識
  • 文字や商品のレイアウトが気になる
  • りんご、シナモンの写真が馴染んでいない気がする

ということでした。

さっそく見ていきましょう

初回フィードバック

配置が気になる

まずはコンセプトやターゲットを検討する前に感じるポイントです。

文字、写真の配置が気になります。

文字量が少ないのでバランスが取り辛いこともありますが、配置、文字サイズは、再検討ポイントです。

テキストは、どこ寄せなのかと配置が重要です。

また、このエリアのテキストとテキストの距離は近いのに、余白が目立つエリアもあり、全体で見ると「バランスがちょっと〜〜」となっています

商品名は右寄せなのに、配置に規則性がなく惜しくも謎の位置に出現している状況!

これはなんとかしたい

右上の「New」の配置も、コイツだけ浮いてる感じでしっくりきていないですね。

文字サイズにメリハリが足りない

文字サイズも目立たせたいところとそうだないところの差が少ないですね。

見やすいデザインにする為に、メリハリを出していただきたいと思いました。

フォントが違うかも

次に気になるのはフォント選びです。

コンセプトに、「スタバのようなカフェの店内に貼る」とありますが、使用しているフォントはイメージが違う気がします。

フォントも検討ポイントです。

素材の位置

最下部に使用されている素材は、新商品に使われている食材とのことでした。

このままだと、何のことだかよく分からなくてもったいない

「食材」なのにりんごは調理されている・・・

とりあえず、初回はこのようなことをお伝えし、ひとまず全体的に見直しをお願いさせていただきました。

2回目提出デザイン

2度目に提出されたデザインです。

前回と比べてすごくまとまってスッキリしてきています。

食材もそれぞれ商品の横に配置してありイメージが湧きますね

ご自身は

食材の位置と、文字の大きさや配置を変更してみました!
どどどどうでしょうか?!
良くなってるのか、悪くなってるのかわからなくなってきました
難しいですね

ということでした。

そしてここで、「先生だったらこんな感じにする〜!っていうのを見せてもらうことは出来ますか??とリクエストがありましたので、データを少し触らせていただきました。

触ってみた

フォントを変えました

まずはフォントを女子が好きそうなやわらかフォントに変更しました。

カフェは男性も利用しますが、このドリンクやケーキのターゲットはおそらく女性の方が比率が高いんじゃないかと思います。

配置の調整

「New」の位置が浮いてたので、文字数を増やしてタイトル的な位置付けにしてみました。

日付のところのあしらいもギラギラが眩しいぜ!って感じだったので変えました。

あと、なんか手裏剣みたいにも見えるのですがキラキラのイラストを使って、丸いぼかしてるやつとかも足しました。

丸いぼかしてるやつ

親近感を出す為のなみなみ

まっすぐなラインでキッチリ感、高級感があったので、ちょっとやわらかくしたくて波線を取り入れました。

赤色もシックに

赤色もシックな赤に変更しました。

赤すぎて私の目には眩しかったです

冬季限定メニューということなので、クリスマスをイメージした特別感、ワクワク感が出るような色選びをしたらいいかなと思います。

文字を足した

商品名に日本語を追加しています。

メリハリがないと綺麗に見えないので、読んでほしいところ、目立たなくて良いところをはっきり分けてあげるとバランスが取りやすいかな〜と思います。

まとめ

他の方のデザインを見るのってとても勉強になるし楽しいですよね

添削後のデザインデータをお送りしますので、自分以外の人のレイヤーがどうなってるのか等、見ることができますよ〜emoji-heart

デザイン仲間がほしいよーという方、ぜひWebデザイナー

ちいさなwebデザイン教室はこちら

コメントを残す

CAPTCHA


コメントは承認後に表示されます。

ドメインとサーバーはエックスサーバーで一括管理が便利♪

ドメイン取得↓

サーバー契約↓

関連記事