どうも、くじらいどです。
突然ですが、デザインって難しくないですか？
私もデザインが得意なわけではなく、ずっと独学でなんとなくやってきました。そんな中で気づいたのが、センスがなくても「ルールを決めるだけ」でデザインがグッと整って見えるということです。
今回は、デザインが苦手な私が実際に決めている「統一感を出すための3つのルール」をご紹介します。
くじらいど難しいテクニックは一切なし！「決めて守るだけ」なので、デザイン初心者さんにもおすすめです。
そもそも「統一感がない」とはどういう状態？
統一感がないデザインには、だいたい共通した原因があります。
- 色をたくさん使いすぎている
- フォントがバラバラ
- 要素が詰め込みすぎでごちゃごちゃしている
逆に言えば、この3つを解決するだけで、デザインはかなり整って見えます。そのための「ルール」が以下の3つです。
ルール① 使う色は3色まで
統一感を出す上で、色の数はメイン・サブ・アクセントの3色までと決めています。
3色の役割
- メインカラー：一番多く使う色。サイトやデザインの顔になる色
- サブカラー：メインを引き立てる色。背景や余白部分に使うことが多い
- アクセントカラー：ボタンや強調したい箇所に使う差し色
4色・5色と増やすほどまとまりがなくなります。「もう1色使いたい…」と思ったら、既存の3色の明度や透明度を変えるだけで乗り切れることがほとんどです。
ルール② フォントは2種類に絞る
フォントも増やしすぎるとごちゃごちゃします。私が決めているのは見出し用と本文用の2種類だけです。
たとえば、こんな組み合わせが使いやすいです。
- 見出し：太めのゴシック体（インパクト重視）
- 本文：細めのゴシック体や明朝体（読みやすさ重視）
さらにシンプルにしたいなら、同じフォントのウェイト違い（Regular と Bold など）だけで統一するのもおすすめです。フォントが1種類でもウェイトを変えるだけで見出しと本文の区別がつき、すっきりまとまります。
ルール③ 余白は「多いかな？」と思うくらい取る
素人デザインがごちゃごちゃして見える一番の原因は、詰め込みすぎです。
情報をたくさん載せたくて要素を詰め込むほど、逆に読みにくくなります。「余白を取りすぎかな？」と感じるくらいがちょうどいいです。
くじらいど余白が多いデザインは「余裕がある・洗練されている」印象を与えます。余白はもったいなくありません！
具体的には、テキストや画像の周りに意識的に空白スペースを作るだけでOKです。それだけで見やすさがかなり変わります。
まとめ
デザインが苦手な私が統一感を出すために決めている3つのルールをご紹介しました。
3つのルールまとめ
- 使う色は3色まで（メイン・サブ・アクセント）
- フォントは2種類まで（見出し用・本文用）
- 余白は多いかな？と思うくらい取る
デザインはセンスよりも、「決めたルールを守ること」が大切だと感じています。難しいことを考えなくても、この3つを意識するだけでデザインはかなり整って見えるようになります。
ただ、ルールはあくまでも“見やすくするための土台”です。
本来デザインは、自分らしさや世界観を表現するものでもあります。ルールに縛られすぎず、自分が「好きだな」「かっこいいな」と思えるデザインを楽しむことも大切だと思っています。
まずは基本のルールで土台を整え、その上で自分らしさを少しずつ加えていく。
それがデザインを楽しみながら上達する一番の近道かもしれません。
ぜひ自分らしいデザイン作りに挑戦してみてください！
コメント