これだけ抑えればあなたも脱初心者!デザイン4つのコツ

制作・技術

自分で作ったデザインで、「なんだかしっくりこない」「なんか素人っぽい…」と感じることはありませんか?

なんだかダサいのは分かるけど、どこが悪いのか分からない…というあなた!
「自分の感覚」だけで、考えてませんか?

デザインは「感覚」ももちろん大事ですが、ちょっとした「基礎」や「コツ」を覚えるだけで、見違えるほどクオリティが変わるもの。

今回は、その「抑えるべきコツ」をご紹介!

このコツを使うだけで、見ている人に本当に伝える情報を整理して、見違えるようなデザインを作成することが出来るようになります!

整列

まずは整列。
自分の作成したデザインを見てみて、文字の揃えや、画像の揃えはどうでしょうか?
場所によって文字揃えが中央であったり、左であったり、バラバラになっていないでしょうか。

見出しなどを強調させるために、そこだけ中央揃えにする、などのテクニックがありますが、基本的に文字揃えはページ内で統一させた方が、まとまって見えます。

また、文字だけではなく要素の端の揃え方も重要なポイント。
どこにも揃っていない要素があると、それだけページ内で浮いて見えてしまいますので、注意が必要です。

このように「揃える」ことを意識するだけで、かなり全体的なまとまり感がでます。

グループ分け

例えば、写真に対しての説明文はその写真に近づける、違う内容同士は余白をあけて離す、など。
要素のグループ分けは、情報を整理するうえでかなり重要になります。
写真の説明文が、その写真から離れた位置にあると、それが何に対する文章か分かりませんよね?

そういう風に、余白の取り方で情報を整理して、見ている人がストレスなく情報を読み取れるようにすると、より分かりやすいページになります。

強弱

目立たせたいところと、そうではないところに強弱・コントラストをつける事で、更に情報は整理されます。
見ている人に一番訴えたい事を大きく目立たせることで、初見でそこを印象付けることが可能になりますので、目立たせるべき箇所の選別も重要になります。

なお、強弱をつけるときは、自分の基準よりも大きめにつけたほうが、メリハリが出ます。
第三者から見た時に、少し文字のサイズが大きくなっているぐらいの、微々たる変化は気付かれません。
「やるときは思いっきり!」を心掛けてください。

また、強弱をつけるときに注意が必要なのは、「目立たせるものは1つ、ないし2つぐらいに絞る」です。
アレも目立たせたい!これも目立たせたい!となると、結局すべてが同レベルの「強」に設定され、コントラストも弱くになります。
欲張らず、優先順位をキチンとつけましょう!

また、強弱の付け方にも、色々な方法があります。
文字の大きさを変えるだけではなく、

  • 枠線で囲む
  • 下線を入れる
  • フォントを他と別のものにする
  • ドロップシャドウなどの装飾を付ける  等…

以上のような様々な手法がありますので、自分の中に強弱のバリエーションを持っておくと、コントラストをつける事が楽になります。

ページ内で、色を使いすぎていませんか?
ページの色々なところをいじっていると、いつの間にか下品な配色になってしまっていることがある人は、「色数」に注意しましょう!

一般的に、1つのページ内で使って良い色は「2~3色」と言われています。
また、「赤」「青」「緑」と全く違う3色ではなく、同系色にすることで、更にまとまり感を出すことができます。

まとめ

いかがでしたでしょうか?
今回の4つのコツを意識するだけでも、クオリティの差がかなり出ます。
重要なのは、

  1. 揃えること
  2. グループ分けすること
  3. 強弱をつけること
  4. 色数を抑えること

の、4つ。
この基礎をまずは抑えましょう。

また、この基礎を更に深掘りすることで、より良いデザインになりますが、その解説はまた別の機会で!

制作・技術
follow
プロフィール

おいしい紅茶とお菓子があれば頑張れる、Webデザイナーです。
Webの最新トレンドや、実務で使えるテクニックまで、お役立ち情報を配信していきます!

follow
超インハウスWebサイト運用 to-ch(トーチ)