配色デザイン本が全国の書店で発売中!

【配色テクニック】「セパレーション」を分かりやすく解説!

1年生

2023.12.202024.10.08

今回は、配色テクニックの一つであるセパレーションについて分かりやすく解説していきます!

目次

セパレーションとは
セパレーションが使われる場所
まとめ

セパレーションとは

セパレーションとは、配色テクニックの一つです。

セパレーション（Separation）は「分離」を意味する言葉です。配色テクニックで言うセパレーションとは、2つの色の間に区切りとなる色を入れることで、色の調和を図るということです。

セパレーション（Separation）の意味は、分離、分裂、離別、別居。

Beforeは境目がボケていて色の違いが分かりにくいのに対して、Afterでは、色同士が調和しつつ、それぞれの色が際立って見えます。

セパレーションには、このように色同士の個性を残しつつ、調和させ、デザインをまとめてくれる効果があります。

セパレーションが使われる場所

ステンドグラス

タイル

袋文字

まとめ

今回は、配色テクニックの一つである「セパレーション」について解説しました!

様々なところで使えるテクニックなので、デザインを作っていて、なんだか色同士がごちゃついている時や、馴染みすぎてしまっている時などに使ってみて下さい!

こちらのブログでは、デザインについての記事を更新しています!

配色についての記事一覧はこちら

こばやし

こばやし

デザイン本が全国の書店で発売中です!

頑張って作ったので、手に取って頂けたら嬉しいです!

デザイン本発売中!

デザイン本発売中!

Amazonはこちら

楽天はこちら

こばやし

こばやし

おすすめの記事

コメント

見出し（hタグ）


<h1>見出し（優先度①）</h1>
<h2>見出し（優先度②）</h2>
<h3>見出し（優先度③）</h3>
<h4>見出し（優先度④）</h4>
<h5>見出し（優先度⑤）</h5>
<h6>見出し（優先度⑥）</h6>

箇条書き（ul・ol・liタグ）

数字ありリスト


<ol>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ol>

数字なしリスト


<ul>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ul>

丸（数字）を消す。
CSSでul（またはol）に対して「list-style:none;」を指定


ul{
	list-style: none;/*ドットを消す*/
}

画像（imgタグ）


<img src="画像がある場所（相対パスまたは絶対パスで指定）" alt="画像の説明">

リンクタグ（aタグ）


<a href="リンク先">このテキストがリンクになる</a>


<!--別タブで開く-->
<a href="リンク先" target="_blank">このテキストがリンクになる</a>

タイトルとURLをコピーしました