• TOP
  • CATEGORY
    クリエイター
  • TITLE
    前回は、2つのカラーモードについて話してきました。RGBとCMYKの違いについては理解して頂けましたでしょうか?色についての基本を知って頂いたところで、今回は配色の考え方についても簡単にお伝えしていこうと思います。そのうえで、Adobe Illustratorで実際に色の設定を行っていきましょう。
CATEGORY
クリエイター

【Adobe Illustrator初心者必見!】デザインで重要な「色」を知ろう ②

  • DATE
    2018.10.30
  • WRITTEN BY
    あおい

>> 関連記事 :Adobe Illustrator : 色はパスに質感を与える大事なモノ!これであなたもソフトクリームマスター!!

「配色」とは?

配色とは、簡単に言えばデザインに対する色を決めることです。しかし、好きな色を組み合わせれば良いというものではありません。様々なバランスのもとで色を決めていくのが配色というものです。厳密に言えば、好きに決めてはいけないというルールはありません。ただし、バランスを考えて作り上げた色の組み合わせの方が調和のとれた配色になるということです。これを音楽に例えると和音や不協和音でしょうか。

代表的な三和音である「ドミソ」の音は3つの音がキレイに響きますが、これが例えば「ドミファ」だと不協和音となり濁った音になります。あえて不協和音を使うこともありますが、ピンとくる音はきっと和音だと思います。これは耳で受ける感覚ですが、これと同じようなことが目でも起きるわけです。では、配色をする時に意識しておきたいことについて見ていきましょう。

 

 

 

配色をする際に覚えておきたいこと

一言に「色」といっても、この世には数えきれないほどの種類があります。まずは、この色を決める際に使われる用語について説明していきましょう。

 

有彩色と無彩色とは:

 

まずは色を大きく二つに分けると、「無彩色(Achromatic color)」と「有彩色 (Chromatic color)」があります。無彩色とは白~灰~黒までの色で、いわゆるモノクロのことです。有彩色とは赤や緑や青などのモノクロ以外の色が入っているものです。

 

色相、彩度、明度とは:

色相とは、赤・黄・緑・青などのような「色味」のことです。次に彩度とは、色の鮮やかさを表したものです。彩度が高くなるほど鮮やかな色味が強くなり、彩度が低くなるほど色味が弱いくすんだ色になります。明度とは、その名の通り色の明るさです。無彩色であれば、明度が高くなるほど白に近づき、明度が低くなるほど黒に近づき、有彩色であれば明度が高くなるほど鮮やかな色に、明度が低くなるほどくすんだ色になっていきます。

 

暖色と寒色、中性色:

続いて、暖色と寒色と中性色についてみていきましょう。これはざっくり言ってしまうと色の温かみのことです。赤や黄などのように暖かみを感じさせるような有彩色のことを暖色と呼び、青や紫などのように冷たさを感じさせるような有彩色を寒色と呼びます。そして、緑や赤紫など暖色と寒色の間に位置するような色は中性色と呼ばれることもあります。デザインするイメージに合わせて、暖色なのか寒色なのかを決めていくときに必要なものだと思っておいてください。

 

 

 


  • ドスパラ GALLERIA

    RM5C-R36


    ・デザインと真摯に向き合うことで生まれた新ケース
    ・洗練されたスペックが、快適なプレイアビリティを実現

  • TSUKUMO

    GA7J-F211/T


    ・ツクモBTOで一番売れているG-GEARシリーズ!
    ・高冷却のオリジナルケースに隙のないオールマイティスペック!

  • Ark

    GC-I5G36M


    ・コダワルほどにオトクになる「自分だけのコダワリの一台」
    ・コダワリを形に出来るカスタマイズ性

  • インバースネット

    FRGH570/SG2


    ・エアフロー性能とデザイン性に優れたプレミアムタワーケース
    ・NVIDIA GeForce RTX 3070 Ti搭載

  • パソコン工房

    LEVEL-R05A-iX4-RBX


    ・拡張性の高いミドルタワーケースを採用したゲーミングPC、購入後のメンテナンスも簡易

パソコン工房 LEVEL-R05A-iX4-RBX

191,980円(税込)

編集部が選ぶ今もっともおすすめのBTOパソコン!
美しさと性能を兼ね備えたBTOパソコン

自在に光り方や色の変更しオリジナリティある環境が構築できるゲーミングPC、拡張性の高いミドルタワーケースを採用し増設がしやすく、購入後のメンテナンスも簡易に可能!

配色する際のポイントとは?

では、いよいよ配色のポイントについて見ていきましょう。まず一つ言えることは、配色時に全く違う色をやたらに混ぜないことです。例えば暖色系なら暖色系、寒色系なら寒色系で統一させることによって、全体的にバランスの取れたイメージを作り出すことができます。

ただし、意図的に反対の色を入れることでアクセントとしたり、インパクトを与えたりする場合にあえてそのような配色をすることもありますので、同系色をオススメしているのはあくまでも「簡単にバランスの取れた配色ができる」と思っておいてください。

>> 関連記事 :Adobe Illustrator : デザインで重要な「色」を知ろう ③

 

 

 

まとめ

今回は、配色をする際に必要な用語をいくつか紹介させて頂きました。覚えることがたくさんあって大変だと思うかもしれませんが、実際にデザインをするようになると、どの色がどんな風に組み合わさるとどんなイメージになるのか感覚的に分かってきます。

あとは自分の感覚だけに頼らず、色見本などを参考に自分の作ろうとしているものに合っているものを選んでいくこともできますので、あまり難しく思わずに是非とも色を楽しんで頂ければなと思います。次回は、配色の事例を上げながら、より具体的な配色について話していきたいと思います。

今おすすめのBTOパソコン

これまでの比較・検証を踏まえて、BTOおすすめ人気ランキングを発表します。なお、それぞれの検証項目に重み付けをしてランキングを作成しました。

※11月1日時点の価格
商品
価格 CPU GPU メモリー SSD HDD 電源
ドスパラ GALLERIA

RM5C-R36

Intel Core i5-11400 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB/td> 650W/80PLUS BRONZE
TSUKUMO

GA7J-F211/T

Intel Core i7-11700 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB 750W/80PLUS GOLD
インバースネット

FRGH570/SG2

Intel Core i7-11700KF NVIDIA RTX 3070 Ti DDR4-3200 16GB(8GBx2) SSD M.2 1TB 2TB HDD 850W/80PLUS GOLD
アプライドネット

Barikata SF30

Intel Core i5-11400 8GB(8GBx1) SSD M.2 500GB 750W/80PLUS GOLD
STORM

PG-DV7

Intel Core i7-11700 NVIDIA RTX 3060 DDR4-3200 16GB(8GBx2) SSD M.2 500GB/td> 850W/80PLUS GOLD
PREV

BACK TO LIST