デザインに興味はあるけど、何から学べばいいかわからない…
作ってみたけど、なんだか素人っぽい…
そんな初心者デザイナーさんのために、
プロが必ず意識する基本ルールを5つ厳選しました！
この5つを押さえれば、すぐにデザインのクオリティがグッと上がりますよ～✨
1.「よはく」をしっかり取る
Point ①
文字や画像がギュウギュウに詰まっていると、見にくくなる
Point ②
余白を意識するだけで一気にプロっぽく見える
具体例
Before：文字が端ギリギリ、行間が狭い → 窮屈で読みにくい
After：適度な余白をとる → すっきりと読みやすく！
NONデザインに余白を入れるのは、お皿に料理を盛るときにスペースを空けるのと同じ！
お皿いっぱいに詰め込むと窮屈だけど、余白があると一気に高級感が出ますよね♪
ワンポイントアドバイス
「詰め込む＝情報量が増える」ではなく、「余白がある＝洗練されたデザイン」になる！
2. フォントの組み合わせは 「2種類」まで！
Point ①
たくさんのフォントを使うと、統一感がなくなってしまう
Point ②
メインフォント＋サブフォントの2種類がベスト！
具体例
Before：ゴシック・明朝・手書きフォントを混ぜてしまう → ごちゃごちゃした印象に
After：タイトルはゴシック、本文は明朝に統一する → まとまりが出る！
NON慣れるまではバランスが難しいところ。
シンプルに「2種類で統一」しましょうね！
ワンポイントアドバイス
フォントに迷ったら「見出し＝ゴシック」「本文＝明朝」でまずは作ってみよう！
3. 色の組み合わせは「3色」までにする
Point ①
色を多用すると、まとまりがなくチープに見える
Point ②
ベースカラー＋メインカラー＋アクセントカラー の3色にまとめる
具体例
NON配色は、おしゃれなインテリアを考えるのと同じ！
ベースカラーを決めて、アクセントカラーをちょっと足すとまとまりやすくなりますよ～
ワンポイントアドバイス
CanvaやAdobe Colorを配色の参考にすると◎
※「配色 例」などGoogleで検索しても配色例は出てくるのでたくさんインプットしてみて！
4.「整列」を意識してレイアウトを揃える
Point ①
文字や画像がバラバラに配置されていると、素人っぽく見える
Point ②
左揃え・中央揃え・右揃えのどれかに統一する
具体例
タイトル・本文・画像がバラバラの位置に → 見づらい
After：左揃えで統一 → スッキリしてまとまりのあるデザインに
NONデザインの要素がバラバラなのは、学校の朝礼でみんなが好き勝手な方向を向いて並んでいるのと同じ！
整列すると一気に統一感が出ますよ！
ワンポイントアドバイス
デザインソフトの「ガイドライン」や「グリッド」を使うとキレイに揃えられる！
5.ユーザーの「視線の流れ」を意識する
Point ①
人の視線は 「Z型」or「F型」 に動く！
Point ②
視線の流れを考えてデザインすると、断然伝わりやすい
具体例
Before：重要な情報がバラバラで、どこを読めばいいかわからない
After：タイトル→本文→画像の順に流れるデザインにする
NON視線の流れは、マンガのコマ割りに似ていますね！
デザインでも 視線の流れを意識すると情報がスッと入ってます！
ワンポイントアドバイス
読者が迷わないように、視線の流れに沿ったデザインを心がけよう！
6.まとめ
初心者が押さえるべきデザインの基本ルール5選
①余白をしっかり取る
②フォントの組み合わせは2種類まで
③色の組み合わせは3色まで
④整列を意識してレイアウトを揃える
⑤視線の流れを意識する
NONこの5つを意識するだけで、デザインがぐっと洗練されたものに変わります！
誰でもすぐに実践できるので、ぜひ試してみてくださいね！
「バナーがダサい？Before→Afterで学ぶプロのデザイン添削」記事もチェックしてみて下さいね！
コメント