ferret編集部:2014年12月11日に公開された記事を再編集しています。

「デザインに関しては、全くわからないからデザイナーさんに全てお任せ!」
「デザインは感性や才能だし、なんて伝えていいかもわからない。」

と感じる方も多いのではないでしょうか?
デザインが本業でない場合、時間を割くのが難しいという担当者さんが多いのが現状です。

しかし、デザインの多くは原理原則や、法則に則ったうえで考えられています。少しでも理解することでデザイナーさんとの連携もスムーズになりますし、なによりクオリティが上がること間違いないです。

今回は、デザインの原理原則が分かりやすく書かれている記事をまとめました。

1.デザインの基礎

【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう

 【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう

http://wp-e.org/2014/03/09/995/

こちらの記事では、そもそもデザインってどういうことか?といことから解説されています。
その中でもデザインの基礎と言える4つの基本原則は、全てにおいて共通していえるため、まずはここから押さえておくといいでしょう。

デザインの4つの基本原則

・近接
・整列
・反復
・コントラスト

2.色に関する基礎

配色パターンからWebデザインを考える

配色パターンからWebデザインを考える

http://www.webcreatorbox.com/tech/web-design-color-scheme/

こちらの記事では、色における意味と配色について解説されています。
色を構成する彩度・明度・色相の違いが与えるイメージや色を組み合わせる際のポイントについて理解できます。
色を組み合わせる規則は、必ず覚えておきたいポイントです。

3.レイアウト(配置)に関する基礎

見やすい・使いやすいレイアウトの為に考えるべき事。

見やすい・使いやすいレイアウトの為に考えるべき事。

http://basicdesign-note.com/easytoread-layout/

こちらの記事では、なにをどのように配置すれば見やすいレイアウトになるのかを4つのステップで解説されています。
見た人の視線を意図的に誘導するテクニックについても触れられているので、一読しておきましょう。

4.文字のデザイン(文字組み)の基礎

[Webデザイン] 文字組みについて本気出して考えてみた

[Webデザイン] 文字組みについて本気出して考えてみた

http://stocker.jp/diary/typographic/

文字組みとは、文字のサイズやレイアウト、文字の間の余白を調整することで美しく見せることです。
こちらの記事では、内容を見ると対比が分かりやすく、見た目の印象が大きく変わることを解説されています。
また、商品訴求に密接に関わるデザイン部分とも言えるので、意識しておくべきポイントです。