Design Stock

デザインのアレコレ

  1. HOME
  2. レイアウト
  3. Webデザインにセンスは不要!これだけは抑えておきたい4つのデザイン基本原則

Webデザインにセンスは不要!これだけは抑えておきたい4つのデザイン基本原則

アートパネル

いざ自分でWebサイトのデザインをしてみると、
「なんだかパッとしない。見栄えが悪い。」
「理想とするデザインのサイトと比べると、何かが欠けているような気がする。」
といった悩みを抱えている人は多いのではないだろうか。

そして、
「自分にはきっとセンスがない」
と思い込んでしまってはいないだろうか。

断言するが、デザインにセンスなど必要ない。
センスという言葉には、生まれ持った才能のようなニュアンスを感じ取れるが、そんなものは存在しない。
隣にいる優秀なデザイナーも世間で広く知られている有名なデザイナーもみな実践する共通した「知識」があるだけだ。

今回はそんな「知識」の代表格である、デザインの基本原則を4つ紹介する。

 

整列

見えない一本の線をつくる」まずはこれを意識しよう。

整列の原則はデザインの基本中の基本である。どこか美しいと感じるデザインは共通して各要素がきちんと揃えられていることがわかるだろう。

人間は要素と要素が離れていても、それらが整列していれば一つのユニットとして認識する性質がある。
そしてそれを美しいと感じる心理が働く。

以下のサムネイルを見てほしい。

デザイン例 ロッククライミング 編集前

要素がバラバラに配置されており、どこか不安定で落ち着かない印象を受ける。
これを修正すると次のようになる。

デザイン例 ロッククライミング 編集後

文字と四角形を左側に揃えたことでスッキリとした印象になったのがわかるだろう。
「見えない一本の線をつくる」というのは意外と知られていないが、実践するだけで一気に全体の印象が引き締まるので使わない手はない。

 

近接

関連性のある要素を近づける」これも守るべきデザインの基本原則の一つだ。
人間は近くに配置されている要素を無意識にグループ化する性質がある。

グループ化されている情報がそれぞれ関連していれば、読み手はストレスなく瞬時に情報を得ることができるのだ。

以下のポストカードを見てほしい。

デザイン例 ポストカード 編集前

これはとあるイベントを告知するものだが、どんなイベントでいつ開催されるのかを瞬時に理解するのが難しくはないだろうか?

これを次のように修正する。

デザイン例 ポストカード 編集後

関連した情報がまとまっており、スッキリとしたのがわかるだろう。

 

反復

特定の要素を繰り返す」というテクニックも非常によく使われる。
そうすると、作品全体に一貫性を持たせ、統一感のあるデザインにできる。

普段意識して使うことはないかもしれないが、

  • テキスト1
  • テキスト2
  • テキスト3

のようなリストの先頭につく「ビュレット」も反復の原則を使っている。
点を繰り返すことにより、並べられている要素が関連していることを読者は認識するのだ。

他にも以下のデザイン例が挙げられる。

デザイン例 名刺

これは名刺のデザインだが、細い罫線が2度使われているのがわかるだろう。
ただ繰り返しただけなのに、統一感が生まれどこか美しく感じる。

 

コントラスト

4つの基本原則のうち最も効果があり、かつ難しいのがコントラストをつけることだ。
コントラストとは「対比」のことを言い、要素間で意図的に強弱をつけることを指す。

そうすることで、読み手を引きつけ伝えたい情報を瞬時に伝えることができる。

以下のデザイン例を見てほしい。

デザイン例 プレゼン資料 編集前

デザインとしては整然としていてキッチリしているが、どこか面白みのない淡白な印象を受ける。

これを次のように修正し、コントラストをつけてみる。

デザイン例 プレゼン資料 編集後

写真の独特な空間の広がりが活かされ、パッと見ただけで引き込まれるのがわかる。

このように、コントラストはデザインにリズムを作り読み手を引き込む非常に強い力を発揮する。

一方、コントラストは中途半端につけてしまうと逆効果になるので注意が必要だ。
先ほどのデザイン例で写真の大きさを次のようにしてみる。

デザインの悪い例 プレゼン資料

写真を中途半端に大きくしたことで、左側に少しだけはみ出る形になってしまった。
どこか不安定な印象を受けるとともに、写真の特徴である空間の広がりが全く活かされていない。

これなら小さくして白い枠内に納めたほうがまだいいだろう。

コントラストをつけるときは、「恐れず大胆になる」ことが大切だ。

 

 

ここまで説明してきたことは、あくまでデザイン初心者向けのものだ。
誰でも簡単に実践できるテクニックなので、ぜひ1つでも実際に試してほしい。

今回紹介したの4つの基本原則をもっと深く知りたい人は「ノンデザイナーズ・デザインブック」という本がおすすめ。
豊富なデザイン例を元に、いかに整列・近接・反復・コントラストが重要なものかをまとめている。