写真やイラストを使ったデザインの配色やコツ、おすすめ本など全てまとめました!

こんにちは、読むだけでデザインを学べる!デザイン研究所です!

デザイン特化のメディアでは国内最大級のTwitterインスタグラムを運営しています。

デザインを作る上で色について迷うこと多いですよね。。。

今回の記事ではそんな配色についてのテクニックを16種類紹介!

デザインソフトに関わらず使えるポイントですのでぜひ気になる個別記事をご覧ください。

 

目次

おすすめのデザイン配色本が半額セール中!

ちなみに配色について詳しく知りたい!って方はこちらの本がおすすめです。

多くの色についてのデザイン参考書も読んだことがありますが、

デザインの色について書籍で学びたいのなら「配色デザイン良質見本帳」がおすすめです!(なぜならこの本はセンスの良い実例+解説付きだからです)

他の配色デザインの本はただカラーのパターンが載ってるだけのものが多く、実例のデザインや解説がないのです!

しかも現在Kindle版が3/18まで半額中!この機会にぜひ。

 

これで解決することも多い!写真あるいはイラストを使ったデザインの配色

写真あるいはイラストを使った配色は実は簡単。写真やイラストに使われいる色を参考に決めることが多いです!

またブログ記事では配色ツールの紹介もしていますのでぜひ記事をご覧ください。

写真を使ったデザインの配色

写真を使ったデザインの配色を決める極意を紹介しています!極意というくらいですのでかなり重要なことを記事に書きました!

こちらの記事をまず最初にご覧いただくと配色に関してもかなり変わるかと思います。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

イラストを使ったデザインの配色

イラストを使った配色のデザインです。実はイラストがあれば配色というのは簡単にとても手早く決まることが多いです。

また逆に配置するデザインに合わせてイラストの配色を変更することも考えられます!

色の変更方法なども解説していますのでぜひ記事をご覧下さい。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

初心者におすすめのデザインの配色は無彩色+1色、あるいは無彩色+2色、モノクロ

無彩色とは白と黒とグレーのことです!これらを軸に色数を少なくすることで簡単になります!

そのため初心者におすすめできる配色となります。

無彩色+1色の配色デザイン

初心者にとてもおすすめなのが無彩色(白黒グレー)+1色の配色デザインです!

ダサくなってしまう、難しくなってしまうのは有彩色の組み合わせによるところが大きい。

そのため+1色に絞ることで超簡単にまたシンプルにまとまります!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化メディアでは国内最大級のTwitterとインスタグラムを運営しています。今日のテーマ:無彩色+1色悩まれる人の多い配色についてかなりオススメの配[…]

 

無彩色+2色の配色デザイン

無彩色(白黒グレー)+2色で作る配色デザインの紹介です!

前述した+1色のデザインより1色増えるだけでもかなりのバリエーションになります。

ただ色数は2色と少ないので難しくならずに組み合わせもかなり増えるおすすめの配色となります!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化メディアでは国内最大級のTwitterとインスタグラムを運営しています。 今日のテーマ:無彩色+2色初心者脱出のための配色知識[…]

 

白黒で配色!モノクロのデザイン

最もシンプルな配色は言わずもがな白黒で統一したデザインです!

モノクロで統一したとしてもメリハリを生むことは工夫次第で可能です!

そんな工夫をブログ記事では解説しています。特にチラシの裏面など印刷物でモノクロの制限がある場合も多いのでその際も参考になるかと思います!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

グラデーションの配色方法を2種類紹介します!

単色のデザインを紹介してきましたが、この章ではグラデーションの使い方を2種類紹介していきます!

最近のデザインでもグラデーションはかなりよく使われる配色の1つですので抑えておきましょう。

流行のグラデーションを使った配色デザイン

服やスイーツと同様に配色のデザインにもトレンドがあります!

インスタグラムもグラデーションを使ってますよね。そんな流行のグラデーションについて解説しています!

イラレとフォトショどちらでも解説しているのでぜひチェックしてみてください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

部分的にグラデーションを使った強調デザイン

部分的にグラデーションを使った配色で強調させるデザインの紹介です!

文字の一部分をグラデーションにすることで単語を強調することができます。

一部分にグラデーションを適用する方法をブログ記事では解説しています。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。今日のテーマ:線で繋いだ文字ロゴデザインにも使える文字と文字をつなげる[…]

 

絶対に覚えておきたい配色の知識を解説した3記事

この章では絶対に覚えておきたい配色の知識を解説した3記事を紹介します!

これらは知っているか知らないかぐらいの差ですぐに実践できるのでぜひ個別記事をご覧になってください。

最強の色は何か?それはグレーです!

最強の色が何かと聞かれたらグレート答えます!それはなぜか?

白黒はみなさん最もよく使う色かと思います。そんな白黒の中間がグレーです。

かつグレーは白黒よりも色の幅が広い

最もよく使う白黒の中間でかつ、白に近いグレー、黒に近いグレーなどかなり幅が広いため最強といえるのです!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

背景色は白から少しずらした配色デザインにしよう

これもかなりよく使う配色です。背景の色を白から少しずらした色を使うことです!

なぜ少しずらすかといいますと、真っ白というのは初心者の方が使うと安っぽくなるからです…

またバナーなどは背景と同化するのを避けるためにも使えます!詳しくはブログ記事にて。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化メディアでは国内最大級のTwitterとインスタグラムを運営しています。今日のテーマ:白を少しずらした色背景の色を白から少しずらした色にしてみま[…]

 

似たもの同士で配色する!同系色を使ったデザイン

似たもの同士では喧嘩が起きないように、同系色はかなり馴染みやすい配色になります!

同系色とは例えば青色、紺色、水色などです。

同系色で配色できることによって背景に応じて文字色を見やすい色に変更できたりします!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

カラフルな配色デザインを作りたい時に参考になる3記事

ここからはカラフルな配色デザインを作るときに参考になるべきであろう3記事を紹介します!

カラフルなデザインは色を多く使うのでその分難しくなりがちです。しかしポイントさえ抑えれば扱いやすくなりますのでぜひ個別記事をご覧ください!

カラフルなデザインの配色

カラフルなデザインを作る上でこちらの記事をまずご覧いただきたいです!

多色使いのデザインで意識すべき4つのことについて解説しています。

これら4つのことを意識すれば割と簡単に攻略できるはずです!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

レインボーの配色デザイン

使ってはいけないレインボーと使っていいレインボーの比較を通して虹色の配色を学んでいきましょう!

一つ確実にいえるのはデザインソフトにあるデフォルトの虹色を使うことは必ずやめましょう。

かなり扱いの難しいレインボーを攻略するために記事を書いていいます!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

原色を使った超カラフル デザイン

少し特殊系でアート寄りのデザインを紹介します!

使ってはいけないと言われることの多い原色系を使った超ポップなデザインを作ることができます。

自分自身はこのようなデザインも大好きです。笑

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

モノクロ写真を使った配色デザインの紹介

ここからはモノクロ写真や写真の一部をモノクロにした配色デザインを紹介します!

色数の多い写真を白黒にすることは統一感という意味でも有効です!

モノクロ写真に+1色でクールなデザインに

 

モノクロ写真を使ったデザインに+1色の有彩色を加えてクールなデザインを作ることができます!

+1色ですので配色もかなり簡単。簡単かつクールなデザインを作りたいときはぜひ使ってみて欲しいです。

ブログ記事では+1色を加えるときのコツや注意点も解説しています!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。今日のテーマ:白黒写真+1色白黒写真+1色のデザインは、写真を使ったク[…]

 

モノクロ写真の一部分のみ色を残す

一色残して他を白黒にするデザインの紹介です!口紅の赤だけで他白黒などもよく見ます。

こうすることで主役級の写真を使ったデザインを作ることができます!

写真加工がメインの話ではありますが紹介いたします。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

写真の一部分のみモノクロにする

先ほど紹介した一色残して他は白黒とは逆のパターンです。写真の一部のみ白黒にするパターンですね。

これができることによって色んな使い方ができます。またコラージュでもよく使われる手法になります!

この記事も写真加工がメインの話ですが興味のある方はぜひ記事をご覧ください!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

写真やイラストを使ったデザインの配色やコツ、おすすめ本など全てまとめました!

いかがでしたでしょうか?かなり豊富な内容だったと思います!

ちなみにもっと配色について知りたい!って方はこちらの本がおすすめです。

多くの色についてのデザイン参考書も読んだことがありますが、

デザインの色について書籍で学びたいのなら「配色デザイン良質見本帳」がおすすめです!(なぜならこの本は実例+解説付きだからです)

他の配色デザインの本はただカラーのパターンが載ってるだけのものが多く、実例のデザインや解説がないのです!

 

デザイン初心者の方へ向けた独学方法のまとめ記事もあるのでぜひこちらもご覧ください!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。今回の記事ではインスタライブで頻繁に聞かれた勉強方法に関しての質問をまとめ[…]

広告
>インスタでデザインを学ぶ

インスタでデザインを学ぶ

デザインの見る目を養うインスタアカウントを運営中!初心者から脱するデザインのポイントを解説しています。だいたい毎日更新です!

CTR IMG