【色の知識】知ることでもっと楽しくて面白くなる!(配色について3)2017-04-19【色の知識】知ることでもっと楽しくて面白くなる!(配色について3)1からの挑戦シェアするBookmark!FacebookTwitterGoogle+Pocketみなさんこんにちは!前回もなにやら不思議な配色を見てきました。ビコロールやスプリットコンプリメンタリーなど意味不明な名前の配色が出てきて混乱しちゃいますよね。少なくとも私は混乱してます!(笑)それでは混乱した勢いで今回もいってみますよー!今回は「カラフルな配色」な配色見ていきます。実例とヘクサード配色になる決まり事を見てみましょう!まとめトライアド配色まずはトライアドという意味から見ていきましょう。3つの3つで1組という意味です。トライアド配色の特徴は、色相環を正三角形になるようにすることです!図を見てもらうと分かるのですが、三点をつなぐと正三角形ができていることが分かります。ここで注意なのが、以前紹介した「スプリットコンプリメンタリー」とは違うので要注意です。間違えやすいので気を付けましょう(私もな!)※エクセルで作ったので正三角形になっていません。多少の誤差はお許しください。トライアド配色の例このようになります。CAPTCHAいろいろ組み合わせがありますが、主にトマトやイチゴ、抹茶関連の商品に傾向がみられるようです。続いていきます!次はテトラードという配色です。本当にいろいろな言葉がありますね。語源はフランスやスイスが多いみたいです。それでは図を見てみましょう!またもや色相環の出番です。今回の記事は全て色相環に関係するものです!色相環見れると本当にいろいろな配色を目で見れるので便利です。テトラード配色の例こうやって並べると「カラフル」って感じがしてきましたね!テトラード配色になる決まり事を見てみましょう!一番みなさんが実感できるのは「Google」のロゴマークではないでしょうか。ほかにも、PCの「Googlechrome」のアイコンも、まさしくテトラード配色ですね。それでは決まり事に移りますよー!色相環で四点を結ぶ四点をつなぐと正方形になること白や黒は使えない1~3を守れば、トーンや選ぶ色は制限なし正方形になるようにして、白黒以外の色を使うですね!ペンタード配色3・4色ときたので、次は5色?となりそうですが・・・ふっふっふ・・・はいその通りです!(遊ぶなっ)さっ・・・気を取り直して由来から見てみましょー!5つの5つで1組もう今までと一緒ですね・・・。それでは図を見てみましょう。今回は24色相環を使っているのできれいに5等分できませんが、5点つなぐと正五角形ができるのが特徴です!ペンタード配色の例お?ついに白や黒が混ざっていますね。!ペンタードは白や黒みたいな無彩色を使っても良いのです!ここまでくると色相環の中で5色と決まっているので、カラーバリエーションはほぼ決まってきます。CAPTCHA色相環で五点を結ぶ五点をつなぐと正五角形になること白や黒は使っても良いトライアド配色に白や黒をプラスした配色でもあるトライアドやテトラードと違い、白黒が使える(使わなくてもいい)配色です!ヘクサード配色3・4・5色ときたのでもうお分かりだと思います。最後までこのパターンなのね・・・では気を取り直して早速図を見てみましょう!ヘクサード配色の例わお・・・とってもカラフル!・・・だけどちょっとゴチャゴチャ感が否めません。私から見ると、白や黒が入ることで、無い時と比べて多少引き締まって見えるような気がします。ペンタードと同様に、ここまでくるとバリエーションが狭まくなります。その理由は、色相環で規則正しく六色選ぶので、どこを選んでも似たような色になってしまうことが挙げられます。実例とヘクサード配色になる決まり事を見てみましょう!画像引用元:https://tsuku2.jp/ecsp/itemDetail.php?itemCd=20130121124623さすがにヘクサード配色ともなるとすごいカラフルになります。この他にもお菓子やカップラーメンなど、あらゆるところに使われています!それでは決まり事ですよー!色相環で六点を結ぶ六点をつなぐと正六角形になること白や黒は使っても良いテトラード配色に白や黒をプラスした配色でもあるペンタードと同様に白や黒が使え、白黒を使うことで全体が引き締まります!まとめ配色についての記事を3回に渡って書いてきましたがいかがだったでしょうか?色相環というものがちょっとでも理解できれば、配色の種類がとても見やすくなるのと、普段の生活(ファッションのコーディネート)などにも生かせるのではないかと思います!また、webデザインという職業の中では常に意識しておかなければいけないカラーデザインの知識を、今の段階で私が知りえる内容を全て書かせてもらいました。私の知る限りの13種類の配色すべてを自分自身のアウトプットという意味でも書いてきたので、もしかしたらとても読みづらかったかもしれません。職業訓練を受けてから約一ヵ月。(5)はてなブログをはじめよう!tosikun0119さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。