メニューを閉じる

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

制作・技術

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

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

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

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

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

整列

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

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

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

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

グループ分け

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

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

強弱

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

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

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

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

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

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

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

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

まとめ

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

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

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

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

制作・技術
この記事をシェアする
この記事の著者プロフィール
ちか

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

follow
Web課の研究室
記事一覧へ戻る

CONTACT
そのお悩み、
まずはお聞かせください。

Web運用に関するご相談やご質問など、
まずはお気軽にお問い合わせください。
私たちのサービスがお役に立てるかどうか、
担当者が誠実に回答いたします。