MENU

ピストグループ株式会社 | 初心者でも大丈夫!デザインの基礎を5つにまとめた厳選記事集
初心者の方でもたった10分でデザインの基礎を学ぶ事ができる厳選記事をご紹介します!
22832
single,single-post,postid-22832,single-format-standard,ajax_updown_fade,page_not_loaded,,select-theme-ver-2.2,wpb-js-composer js-comp-ver-4.5.2,vc_responsive

たった10分で見違える!デザインの【5つの基礎】が学べる厳選記事集!


本記事で学べる内容

基礎デザインについて学べる

デザインの原理原則や法則を知ることができる

「デザインについて学びたいけど、何から学べばいいか分からない。」

「そもそも、デザインは感性や才能だから上達しない。」と諦めている方も多いのではないでしょうか?

 

しかし、実はデザインの多くは法則やロジックに基づいて作成されているものがほとんどです。今現在、デザインのセンスがないと感じている方も今回ご紹介する【5つの基礎】に関する内容が分かりやすく書かれた記事を読むことで、デザインの原理原則を学べて、クオリティが上がること間違いなしです。

目次

デザインの5つの基礎

1.デザインの基礎

2.色に関する基礎

3.文字デザインの基礎

4.レイアウトに関する基礎

5.WEBデザインの法則・原則に関する基礎

6.まとめ

1.デザインの5つの基礎

1.デザインの基礎

まず初めに、全てのデザインの基礎となる原理原則が書かれた記事を二つほどご紹介したいと思います。

 

デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則

 

名称未設定-1

 

こちらの記事では、デザインするときにガイドとなる4つの原則を分かりやすい事例など交えて解説されています。この4つの原則はデザインの全てに共通していえるため、まずここから学ぶのがいいでしょう。

【デザインの4つの基本原則】
1、近接
2、整列
3、コントラスト
4、反復
5、4つの原則が生み出す相乗効果

感覚派デザイナーも知っておいて損はない「デザインの要素と原則」

 

 

こちらの記事では、デザインを4つの階層に分けて解説してくれています。

感覚を一切排除した理論的なデザインとは何か。難しく聞こえますが分かりやすく解説してくれているので読みやすくオススメです。

 

【デザインの基礎は4階層】
1、prerequisites of design【デザインの前提】
2、elements of design【デザインの要素】
3、gestalt principles【ゲシュタルト原則】
4、principles of design【デザインの原則】

2.色に関する基礎

配色にセンスは不要!おさえるべき3つの原則と無料ツール

 

 

 

こちらの記事では、デザインの際に悩みがちな配色に関して、3つの原則と無料ツールを使って調和のとれた配色を実現するやり方を解説しています。

 

【3つの原則】
1、メインとなるカラーを1色選ぶ!
2、メインカラーと調和するカラーを2色選ぶ!
3、70-25-5 ruleでメインカラーを際立たせる!

3.文字デザインの基礎

デザイン初心者が覚えておきたい、文字フォントの基礎テクニック26個まとめ

 

 

 

こちらの記事では、文字のフォント基本テクニックを解説しています。題名に26個とあり多いと感じるかもしれませんが、一つ一つを短くまとめて分かりやすく解説してあるため、すぐに読めて、なおかつ本格的なタイプグラフィを学ぶことができます。

 

【文字フォントの基礎テクニック】
1、フォントの選び方について
2、フォントの組み合わせについて
3、フォントの設定について
4、段落組みについて
5、単語について
6、文字について
7、数字について

4.レイアウトに関する基礎

レイアウト|伝わるデザイン

 

 

 

こちらの記事では、見やすいレイアウト、分かりやすいレイアウトを作るときの重要なポイントをロジックや関係性を用いて解説されています。

「理論やストーリーをレイアウトする」ために4つのポイントに分けて書かれており、見やすさや理解しやすさを大きく変えるための必要事項が学べます。

 

【レイアウトを変える4つのポイント】
1、揃える
2、まとめる
3、余白を取る
4、コントラスト

美術専門学校講師によるデザインの基礎理論「レイアウト」の基本

 

 

 

こちらの記事では、「レイアウトがなぜかうまくいかない・・・。」「バランスの取り方が分からない。」といった悩みを専門学校講師の方が基礎理論に落とし込んで解説してくれています。

 

【レイアウトの基本】
1、あなたはレイアウトセンスあり?なし?
2、レイアウトとは?
3、レイアウトの種類【静的・動的】
4、レイアウトの3大原則
5、レイアウトにおける重要なポイント

5.WEBデザインの法則・原則に関する基礎

WEBデザインの原則~20%をマスターして80%の結果を出す!

 

 

 

こちらの記事では、WEBデザインを習得するための原理原則を5つのポイントにわけて解説されています。

一般的なデザインとWEBデザインは共通点こそ多いもののWEBデザインにしかない原理原則も多く存在しています。是非、WEBデザインに関しても習得しておくことをオススメします。

 

【20%のキーポイントをマスターしたら80%の結果を出すことができる】
1、グルーピング【近接の原則】
2、揃える【整列の原則】
3、対比させる【対比の原則】
4、繰り返す【反復の原則】
5、黄金比を活用しよう

3.まとめ

芸術やデザインと聞くと、感覚や才能で作るものといったイメージですが

今回ご紹介した記事を読んで、実際は理論や原理原則に基づいて作られていることが分かるのではないでしょうか?

 

理論や原理原則を押さえておくだけで、デザインは劇的に改善されます。

デザインで行き詰った時は、この記事を参考にしてみてください。

この記事をシェアする