みあちゃデザリス奮闘日記project1
大変ご無沙汰しております。
久しぶりにnote書いていこうと思います😊
私は今、デザリスというコミュニティーでデザインの勉強をしているのですが、せっかくなので課題の完成までの道を残しておこうと思います!
(これがアウトプットにもつながるので、振り返りだいじー‼)
一つ目の課題は、マンションバナー。自分じゃなかなか作ることのないジャンルだなと思ったのはナイショ🙄
私の考えたターゲット層からの初稿
就学前の子供がいる30代家族(子供の性格はおとなしい一人っ子)
タワーマンションに憧れを持っている。
通勤が電車のため、駅近くの物件を探し中
子供の安全のため、セキュリティシステムがあるマンションを選びたい。
アットホームな雰囲気を出したいため、青空が見えるバナー写真を使用
(やわらかい雰囲気の色合いの画像を使用)
そんな中作ったのがこちらのバナー
実は、このほかにも2種類作って出したのですが、こちらが一番好きなイメージで作っていたのでこちらでFBもらうことにしました。(今見返してみるとなかなかひっちゃかめっちゃかだなって思います…)
フィードバック1回目
まずは、たくさんレイアウトパターン出ししましょう!(リサーチリサーチ✨✨✨)
なんかいろいろな要素ごちゃまぜになってるよ!
あしらいの引き算大事!
親子の関係超大事!!!!!!!!!
フィードバック2回目
視認性、メインコピーはしっかりと主張しよう!(ハッサンハッサン✨✨✨)
文字の配置
テキストの優先順位考える!
要素の大きさ(バナーとして見たときの文字の大きさや優先順位も考える)
まだまだレイアウト発散しよう!
フィードバック3回目
テキストは右なら右、中央なら中央に揃える(余白余白💦💦💦)
あしらいの引き算大事(やりすぎ注意!)
縁取りするとやわらかい印象になる
ロゴ迷子中~
余白がある場合は違うレイアウト考える(帯の使い方ほかにも考える)
バナーは文字のバランス注意(した揃え、ほんとに揃ってる?)
帯の余白は難しいぞぉ~
フィードバック4回目
迷ったときはコンセプトに戻ろう(りたーんりたーん💨💨💨)
今度はメインコピーが迷子中~
罫線の使い方にも注意が必要(罫線だって余白が必要)
インスタサイズ、これじゃまだまだテキスト小さいよ!
久々出現、親子の関係
フィードバック5回目
やっとバナーっぽくなってきたよ(ヨカッタヨカッタ💦💦💦)
ここから文字間いっくよー!
余白も忘れちゃだめよー!
帯の境界線なんてとっぱらえー!
フィードバック6回目
さあブラッシュアップですよー(出た出た💨💨💨)
文字の種類によって、文字間を調節(漢字、ひらがな、カタカナ、数字ぜーんぶ)
一つの文章の中にも親子の関係(等間隔だとばらけて見えるから注意!)
境界線は斜めにすると、境界線がぼやけていい感じになるよ
余白は、左右だけじゃないよ、上下もあるよ!
フィードバック7回目
ここからもう一段階いくよー(えっ?えっ?😱😱😱)
下層部分、もっとハッサンしたらよくなるかも?
余白がどうにもならない=行き詰まり=別レイアウトちょっと考えてみよう!
フィードバック8回目
余白すっきりまとまったよ!(わーいわーい✨✨✨)
あっ、またここでもブラッシュアップ…
外に向かうにつれて、余白は大きくするよ!
ここまで来たら、ボタンじゃなくてもいいのでは?
フィードバック9回目
ここで爆誕!ブラッシュアップはまだ中盤(🤣🤣🤣)
あとは微調整して終わりだよ
テキストの左右の余白均等に
テキストの規律はそろえて!(混ぜるな危険)
一文字ずつの文字間チェック
周りの余白、親子の関係もーっとチェック!
フィードバック10回目
下層部分の余白調整いいかんじ!(やったね✨✨✨)
ロゴちっさい?もう一回バランスとってみて!
罫線もう少し薄ーくしても(なぜかここからメインカラー緑に移行するかつゆきさんw)
テキストのあしらいは統一(線付ける?ドロップシャドウ?)
ぼかしをつけるときも、真下にずらすだけじゃなく、斜め下につけてあげるといい感じに!
影の付け方、X軸Y軸いろいろいじってハッサンしてみて!
フィードバック11回目
ここにきてまさかの色迷子ー(どうしたどうした😱😱😱)
ギャラリーサイトやピンタレストでいろいろ見てそっくりそのまま色味をもってこよう!(ここでもずーっと緑でフィードバック)
フィードバック12回目
もう少し色味の調節しよう(😨😨😨)
最終的に下の帯の色が暗いから、5が浮いてる💦💦💦
(ここでかつゆきさんの色の持ってき方や入れ方を教えてもらう)
あれ?数字の大きさ揃ってないよ!
かんせーい
以上12回のフィードバックを終えて完成できたバナーがこちら
いやー正直めっちゃ長かったです…。どんだけ続くのって思いながら修正ずーっとしてました💦
何度も何度も文字の親子の関係言われ続け12回…少しは成長できたのかなーと思いつつ、色の使い方やレイアウトの発散方法、自分の知らない知識が盛りだくさんのproject1だったと思います。
まだまだ先は長いけど、着実に前に進めるよう精進精進😇😇😇