こんにちはキラキラ

 

今日もデザイン×ビジネスよろず相談(仮)のモニター様のデザイン添削を徹底解説します!

 

こちらのサービスは、デザインにまつわるあれこれをデザイナー目線からアドバイスするキメてるというメニューなのですが、

 

一体どんな事を相談できるの?

 

というのがデザインに携わっていない方からすると正直なところですよね。。。指差し

 

そんな皆様に向けて、

「具体的にこんなアドバイスができます!」

という事をお伝えしていくために数名のモニター様ご協力いただき、

 

どんなポイントで奥田がデザインを作るのか?

どういう目線で作ると伝わりやすいデザインができるのか?

 

という事をご紹介させていただきます。

お二人目のお客様はこちら!

 

アメブロ導線アドバイス&似顔絵かきをされている石黒かおりさん!

 

以前オンライン顔タイプ診断や、撮影用の服装アドバイスとしてファッションよろず相談も受けていただきました。右矢印たくさんアドバイスをいただきました!ファッションよろず相談開催報告

 

 

そんな石黒さんはその時の撮影写真を使ってご自身でブログヘッダーを作成されています!

石黒さんらしい色合い、いいね~~~!

色のまとめ方にセンスを感じるし、親切丁寧な石黒さんの魅力も出ています。

 

とっても良いのは、文字に強弱があるところ。

大きさが全部そろってしまうと単調ですが、大きい文字・中くらいの文字・小さな文字があって見せ方を気を付けていることがよくわかります。

 

この段階で

すごくおかしいプンプンとか、

変だよ~~えー

 

ってところはほとんどありません。

ブログヘッダーに設置しておかしくないクオリティですよ拍手

 

 

ですが、ここはデザイナー奥田指差し

 

 

デザイナー目線で見ると

 

あともう一歩、ここを変えたら良いですね!

 

というところをチェックしていきます。

 

 

デザインチェック開始

 

まずは、デザインの全体像について。

石黒さんから右にぎゅーっと密度があって、左側に密度が少なめ。

ちょっとバランスが気になります。

 

具体的にはこんなところ。

チェック(透過)左上の空間の空き

チェック(透過)そして真ん中の人物の大きさ

チェック(透過)人物と文字との間隔

チェック(透過)そして打ち出したい言葉のデザイン。

 

ちょっとだけ惜しいのお願い

少し変更するだけで、もう少し見やすくなりそうなんです!!!

 

まずは人物の大きさ。

今の大きさだと結構真ん中に大きく入っていますが

ちょっとだけどちらかに寄せたいところなのです。

 

それはこんな理由から。

人の目線はこのようにZに動いて見えていきます。

この流れに沿って配置していくとスムーズな目線で違和感がありません。

 

今の大きさで今の場所に入っていると

ぱっと見左右分断されるような形で我々には見えてしまいます。

それを解消するためにどうするか?

 

少し、画像を小さくして左に人物を寄せます。

 

先ほど真ん中に大きくあった人物が少し左に移動する事によって

右に空間ができ、目線の移動が少しスムーズになるのがわかると思います。

 

 

特に大事なここ左上の部分。

ここから目線が始まる事から、本来なら大事な情報を入れたいのですが

最初のデザインだと空間があるだけで何も情報がありません。

ですが、少し移動するだけでお顔が入り、こんな人がやっているブログなんだ!という情報がスムーズに入ってきます。

 

この事により、気になっていた下の人物と文字の近さ問題も解消となりました。

読み始めの文字が他のものと距離が近いと読みにくくなります。

離してあげる事で読みやすくなりました。

 

最後にこの部分、魅力の文字ですが

大きくしてあるものの、ぼんやりしてしまい

一番見せたい文字なのに見えにくい・・・・えーん

 

でも、やりたい事はとってもわかります~~!

魅力の文字を加工することにより、雰囲気出したかったですよね!

 

そんな時にはこのように、濃い色を敷いて白抜きにしましょう!まわりにキラキラも付けて魅力キラキラなイメージもプラス✨

ついでにフォントも変えて、キリっと感を出すのもお仕事の魅力がキリリと出るイメージになります。(ちなみにフォントはCANVAのマティスというものです)

 

更にちょっと動かすと動きが出て、まっすぐに配置された規則的な文字デザインに更に目が行きます。

 

なんとなく動かしているようですが・・・私が動かすと、ちゃんと目線のZライン上となります。

プロだから笑

 

更に、先ほども触れましたが文字の並びが直線的だと硬い印象になります。

文字の塊として見えてしまって、読みたい気持ちが無いと目に入ってこないものとなるんですよ悲しい

そうした時に、キャッチコピーにも動きを出すと

伝えたい事とタイトルと説明を分ける事ができてより見やすくなります。

 

ここで顔タイプ診断の話を持ち出しますが(奥田は顔タイプ診断をはじめとするファッション診断も行っています)

石黒さんは直線×曲線ミックスの大人タイプ、ソフトエレガント。

 

実は顔タイプ診断を受けてからバナー作成サービス(今は休止中)を合わせて申込みしてくださった方には顔タイプ診断の結果も踏まえてデザインを行っていました。

 

その場合、デザインにも顔タイプの要素を活かして同じように直線×曲線を入れる方が顔の印象に合ってきます飛び出すハートお洋服と一緒です!

 

石黒さんの柔らかい印象が、直線的な寒色の色と文字の配置で最初のものは少し硬い印象になっていたと思いますが文字に曲線を入れる事で柔らかいイメージに印象が変わるのです♪

 

ちなみに、CANVAで文字を曲げたい場合ですが

文字入力後に

エフェクトを選び

図形の湾曲させるを選び

湾曲の具合を数値で調整します。

 

 

という訳で、今回のデザイン添削ですがざっくりとはこんな感じとなります。

(デザインがいじれるなら、もう少し右の文字を微調整すると思います)

 

 

Z目線を活かすなら

 

更に今回おまけですが

 

先ほどの左上の大事な部分とZ目線をしっかり取り入れたデザインを作るなら・・・

 

という事で奥田が調整してみたデザインもご紹介しましょう。

 

こちらでーす。

最初の人物の大きさのまま左右入れ替えました。

 

やっぱりヘッダーの一番目がいく部分に何をやっている人なのかという情報を見せたい。

(左上、動きも出したい)


そして目線を右に動かすと、人物の顔。

どんな人がやっている何なのか?が初見の方にも自然に入ってくると思います。

 

こちらがビフォーアフターとなります。

少し文字を曲げて曲線を入れるだけで写真の石黒さんの笑顔がより楽しそうに輝いている気がしませんか?

正解がひとつだけではないのがデザインの良いところですが、こんな意識をするとこう変わるよ!という一つの例としてみていただければと思います。

 

実際にお客様に渡す資料は赤字で添削したものになるのかもしれませんが

ZOOMか文章かで、このブログのような事を伝えるサービスとなるのか・・・

(仮)なので、まだ迷うところです。

 

今回はお2人目の石黒さんのご協力でこのような記事で例を書かせていただく事ができました。

誠実できちんとお仕事される石黒さんのブログはこちら指差し

この度は貴重な機会をありがとうございました!!


1回目の青野由布さんの添削アドバイスはこちら↓




デザインは微妙な何cmかを調整していく作業となりますがちょっとした事を気を付けるだけでイメージが変わったり見ている人に伝わるものが変わってきます。


感覚的なものではありますが、多くの人に受け入れられるデザイン力を身に着ける事ができれば

まだあなたの仕事を知らないお客様にデザインの力であなたのお仕事をポジティブな印象で伝える事ができます。

 

自分の作ったデザインはどんな印象でどんな方に見られたいでしょうか?

 

デザインのコンセプト設計のご相談からでもお申込みいただけるデザイン×ビジネスよろず相談

30分からご相談可能です。

 

そして、今回このような添削サービスをやってみて

どんなふうにこのサービス運用をしていくか

考えながら進めています。

 

急にサービスメニュー変わるかもしれないので、気になる方はぜひこの機会にお申込み下さいね!

 


    

🌟募集中🌟

3月23日(土)15:00〜17:30
🗼東京都内にて。こんな事できますが興味ある方がいましたらお問い合わせフォームよりご連絡ください!


①デザイン✖️ビジネスお茶会3,000円(飲み物代別途)

②ファッションよろず相談30分3,000円

③デザイン✖️ビジネスよろず相談30分3,000円

④サイキックカードリーディング60分8,800円

⑤ビジネスコンサル15,000円/60分

右お問い合わせフォーム



《関連記事》

右顔見知り程度の人にあなたの技術を安く提供しなくていい

右自信がないなら100回やろう

右奥田の質問力、その秘密とは??

右ブログ畑⑪趣味の延長なのかそれともプロなのか。

現在提供中のメニューはこちら

 
プペコン現在ご提供中のメニューはこちら右ご提供中のサービス一覧
メモ最新レッスンスケジュール右ご予約可能日
PC 顔タイプ診断の情報発信ブログ右 顔タイプ診断オンライン情報サイトRosereve
チェック(透過) 無料で顔タイプ診断を受けるなら? 右 13のチェックでわかる無料顔タイプ診断
手紙 対面講座の場所・日程のご相談などお問い合わせはこちら右お問い合わせフォーム
地球 SNSのフォロー大歓迎! 基本タイプX(Twitter)  / InstagramInstagram LINE登録