自分でバナー画像やプレゼン資料を作ってみたものの、「なんだかダサい」「素人っぽくて信頼感に欠ける…」と落ち込んだ経験はありませんか？
一生懸命作ったからこそ、プロのデザインと並べた時の違和感に悩んでしまう方は非常に多いです。
でも、安心してください。
デザインの良し悪しは、生まれ持った「センス」ではなく、「ルールを知っているかどうか」で決まります。
この記事では、ノンデザイナーの方でも明日からすぐに使える、デザインを見違えさせる「3つのプロのコツ」を分かりやすくご紹介します。
なぜあなたのデザインは「素人感」が出てしまうのか？
具体的なテクニックに入る前に、まずは「なぜ素人っぽく見えてしまうのか」その原因を知りましょう。
多くの場合、以下の2つが原因になっています。
- 情報をすべて目立たせようとしている
「これも大事！あれも伝えたい！」と、文字を大きくしすぎたり、派手な色を多用したりしていませんか？ - スペース（隙間）を埋めようとしている
画面に空白があると不安になり、イラストや文字を詰め込んで息苦しい画面になってしまうケースです。
プロのデザインがスッキリして見えるのは、「引き算」ができているからです。
では、具体的にどのように引き算をし、整えていけば良いのでしょうか。
プロはここが違う！素人感をなくす「余白」の黄金ルール
ノンデザイナーが最も見落としがちなのが「余白」の存在です。
余白は単なる「空きスペース」ではなく、情報を整理し、読みやすくするための重要なデザイン要素です。
1. 関連する情報をまとめる（近接の法則）
人間の脳は「近くにあるものは関係性が深い」と認識します。
タイトルと本文、写真とキャプションなど、関連する要素同士は近づけ、違う要素との間には思い切って広めの余白を取りましょう。
2. 端（フチ）の余白を死守する
画面のギリギリまで文字や写真が詰まっていると、窮屈で素人っぽい印象を与えます。
上下左右に一定の「見えないフレーム（余白）」を設定し、その内側に情報を収めるだけで、グッと洗練された印象になります。
これだけで見違える！「フォント」選びと文字の揃え方
文字の扱い方も、プロと素人で大きな差が出るポイントです。
フォントは「最大2種類」まで
目立たせたいからといって、ポップ体、明朝体、ゴシック体を混ぜて使うのはNGです。
基本は「ゴシック体」か「明朝体」のどちらか1種類に絞りましょう。変化をつけたい場合は、フォントの種類を変えるのではなく「文字の太さ（ウェイト）」を変えるのが正解です。
見えない線で「揃える」
バラバラに配置された文字は、読み手にストレスを与えます。
- 左揃え
- 中央揃え
- 右揃え
これらを意識し、要素の端と端を「見えない直線」でピシッと揃えましょう。これだけで、一気に整頓されたプロらしいデザインに仕上がります。
色使いで失敗しないための「3色ルール」
色をたくさん使いすぎると、画面が散らかって見えてしまいます。
デザインに使用する色は、以下の「3色（70：25：5の法則）」に収めるのが鉄則です。
- ベースカラー（70%）： 背景など、最も広い面積を占める色（白や薄いグレーなど）
- メインカラー（25%）： 企業カラーや、そのデザインの主役となる色
- アクセントカラー（5%）： 強調したいボタンや、「お問い合わせはこちら」などの重要な部分に少しだけ使う色
この比率を守るだけで、まとまりがあり、かつ「どこを見てほしいか」が明確なデザインになります。
まとめ｜少しのコツでデザインの「素人感」は脱却できる
いかがでしたでしょうか？
デザインの「素人感」をなくし、信頼される見た目にするための3つのコツをおさらいします。
- 余白： 情報をグループ化し、画面の端にゆとりを持たせる
- フォント・揃え： フォントは1〜2種類に絞り、端をピシッと揃える
- 色： 使う色は3色（70:25:5の比率）に抑える
センスや特別なソフトがなくても、この基本ルールを意識するだけで、あなたのデザインは確実にレベルアップします。ぜひ次回のバナー作成や資料作りの際に試してみてくださいね。
「ルールは分かったけれど、どうしても上手くいかない…」
「ここぞという重要なLPやバナーは、プロのクオリティで仕上げたい！」
そんな時は、デザインのプロに依頼するのも賢い選択です。
弊社では、お客様の強みを最大限に引き出す、信頼感のあるWEBデザイン制作を行っております。「ちょっと相談してみたい」というだけでも大歓迎ですので、ぜひお気軽にお問い合わせください！
Web集客の第一歩を、ここから始めませんか？
無料相談はこちら ＞
