PR: この記事にはアフィリエイトリンクが含まれています。購入により当サイトに手数料が支払われることがあります。
PR: アフィリエイト広告を含みます
【初心者必見】Canva・Figmaを使う前に覚えるべき基礎知識｜ツールを触る前にこれだけは知っておこう
「Canvaでおしゃれなデザインを作りたい！」「Figmaを使ってみたいけど、何から始めればいい？」
そんな思いでツールをインストールしたものの、いざ使い始めると「なんか違う...」デザインになってしまう。
テンプレートを使ってもダサくなる。色を変えたらなんか変。
それは、ツールの使い方ではなく、デザインの基礎知識が足りないからかもしれません。
この記事では、Canva・Figmaを使う前に知っておくべき基礎知識を解説します。
- ツールを触る前に知るべき5つの基礎知識
- デザインの4原則（これだけで劇的に変わる）
- 色選びの基本ルール
- フォント選びの鉄則
- 効率的に基礎を身につける方法
なぜ「ツールの使い方」だけでは不十分なのか
Canvaの使い方を解説するYouTube動画は山ほどあります。
しかし、それを見て同じように作っても、なぜかプロっぽくならない。
よくある失敗パターン
- テンプレートの色を変えたら、なんかダサくなった
- フォントを変えたら、読みにくくなった
- 要素を追加したら、ゴチャゴチャになった
- 「なんとなく」で配置したら、統一感がなくなった
これらの失敗は、デザインの基礎知識があれば防げます。
ツールは「道具」に過ぎない
料理で例えると、高級な包丁を持っていても、切り方を知らなければ美味しい料理は作れません。
CanvaもFigmaも同じ。道具の使い方だけでなく、デザインの基本原則を知っているかどうかで、出来上がりが大きく変わります。
基礎知識1：デザインの4原則
デザインには4つの基本原則があります。これを知っているだけで、デザインの質が劇的に変わります。
原則1：近接（Proximity）
関連する要素は近くに、関連しない要素は離す。
| 良い例 | 「商品名」と「価格」は近くに配置 |
|---|---|
| 悪い例 | 「商品名」と「価格」がバラバラに配置 |
Canvaでよくある失敗：要素を均等に配置して、何がどこに属するかわからなくなる。
原則2：整列（Alignment）
すべての要素に「見えない線」で揃える意識を持つ。
原則3：反復（Repetition）
同じ要素を繰り返して、統一感を出す。
| 色 | メインカラー、サブカラーを統一 |
|---|---|
| フォント | 2〜3種類に絞る |
| 形 | 角丸なら角丸で統一 |
原則4：コントラスト（Contrast）
違うものは、はっきりと違わせる。
中途半端な差は、かえって見づらくなります。
基礎知識2：色選びのルール
「色選び」は初心者が最もつまずくポイントです。
色は3色までに絞る
| メインカラー | 70%（背景や大きな面積） |
|---|---|
| サブカラー | 25%（補助的な色） |
| アクセントカラー | 5%（強調したい部分） |
これを守るだけで、まとまりのあるデザインになります。
配色の基本用語
Canvaで配色を調整するとき、以下の用語を知っていると便利です。
| 色相 | 色の種類（赤、青、黄など） |
|---|---|
| 彩度 | 色の鮮やかさ（高い＝ビビッド、低い＝くすんだ色） |
| 明度 | 色の明るさ（高い＝明るい、低い＝暗い） |
| コントラスト | 色の差（見やすさに直結） |
