【2024年版】これだけ読めば大丈夫！デザインの基礎が学べる厳選15記事

色に関する基礎

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

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

色はデザインのイメージを左右する非常に重要な要素ですので、何となく色を選ぶのではなく基礎を知り正しい配色を見つける必要があります。

この記事では、色彩の基礎、配色パターンを見つける方法をわかりやすく紹介しています。
色の三属性（彩度・明度・色相）の解説とそれぞれの違いによるイメージ、デザインにぴったりの配色を探す方法を学ぶことができます。

色の基本中の基本を知りたいと思ったら、まずはこちらの記事を読んでみてください。

5.色彩トーンをつかった、配色えらびの基本テクニックまとめ

http://photoshopvip.net/85759

デザインに合った配色選びを助けてくれる記事です。

ニュートラルカラー・アクセントカラーの選び方、トーンの作り方からトーン色を使うテクニックまで紹介しており、色選びからデザインに適用するまでを学べる内容です。
特に配色アイデアの参考例が充実しているため、理論的なことはわかったけれどもいざやってみると色が決まらない、という方の悩みを解決してくれます。

6.UIデザイン初心者が知っておきたい配色の理論

http://uxmilk.jp/49907

基本的な色彩理論が学べる記事です。

UI、UXデザイン向けの記事ではありますが、補色性・コントラスト・鮮やかさ・色相環をはじめとした基本中の基本がわかりやすくまとまっています。
また、効果的な配色の基本もシンプルに紹介しているため、この記事を読むだけで色に関する最低限の知識を身につけることが可能です。

レイアウト（配置）に関する基礎

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

どのようなデザインにおいても、見やすさ・使いやすさを考えてレイアウトしなければなりません。
そこで、デザインを学ぶならレイアウトについて必ず知っておきましょう。

この記事では、レイアウトの意味と目的、具体的なレイアウト方法を解説しており、一通り読むことでどのように情報を配置すればいいかを考えるベースができ上がります。
レイアウトのルール、基本を身につけたい方は一読しておきたい記事です。

8.全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選

この記事では、デザイナーでなくとも知っておくべきデザイン・レイアウトの基本原則、テクニックをシンプルにまとめて紹介しています。
画像つきで15個のルールを紹介しており、覚えやすいため、実践に活かしやすい印象です。
特に視線を意識したコンテンツ配置、線を意識した揃え方はどのようなデザインにおいても意識しておきたいテクニックです。

9.UXデザインに余白が重要な4つの理由

http://blog.btrax.com/jp/2016/09/20/white-space-for-ux/

余白（ホワイトスペース）があると、そのスペースを埋めたくなってしまいがちですが、実はデザインにおいて余白自体が価値のあるもので、取り入れ方次第ではデザイナーのスキルが出てしまうといっても過言ではありません。

効果的に使えば見た目、使い勝手を向上してくれるため、デザインをするなら必ず余白の使い方を知っておかなければなりません。

近年、ミニマルデザインがトレンドになった流れからシンプルさを意識したデザインが多く、余白をたっぷりととったデザインも多数見かけます。
また、マテリアル・デザインにおいても余白が特徴的ですので、余白を上手く使うスキルはますます重要度を増してくるに違いありません。

この記事では、余白に関する基礎知識、重要性を学ぶことができますので、まずは基本的なことをしっかりと理解しておきましょう。