ワードプレスの始め方
~稼ぐためのしくみづくりまでを
徹底解説!!

好評セミナー”ワードプレス100分でブログサイトを制作”を書籍化しました

amazonでたった1コインで手に入れる

ワードプレスの始め方
~稼げるしくみづくりまで
書籍で徹底解説!

詳細はこちら

amazonでたった1コインで手に入れる

ブログ型サイトでも
本格的ホームページ型でも
起業に副業に・・・

あなたに専門知識がなくても
目的のWebサイトを制作できるよう
ウェブチルがお手伝いします

イメージからつくる配色事例15種(オリジナルPCCS使用)

イメージによる配色って難しいですよね。そこで、15種類のイメージ別に配色例を並べてみました。
パラパラと見比べるだけでも配色イメージのヒントになるでしょう。

本記事で得られる情報

ウェブチルオリジナルPCCSシミュレータを使用して15種類のイメージで配色をしてみました。
シミュレータを使えば、同じ配色デモの再現やモデファイも可能ですよ。

1.お菓子のように甘い配色
2.おもちゃ箱のようなポップな配色
3.勢いを感じる力強い配色
4.明るく空気感のある配色
5.透明感を感じる配色
6.気品を感じる繊細な配色
7.キラキラとした光や輝きを感じる配色
8.上品で現代的な和風配色
9.ナチュラルで親しみやすい配色
10.緑や光、自然を感じる快い配色
11.フォーマル・シャープな印象を持たせる配色
12.高級感や特別感のある配色
13.エレガンスでシックな配色
14.機械的なイメージを与えるメカニカルな配色
15.ホラー・ダークな印象を与える配色

ウェブチルオリジナルPCCSシミュレータはこちら。

オリジナルPCCSについてはこちら

今回の配色は、
配色デザイン良質見本帳(たじまちはる著)
を参考にさせて頂きました。

目次

お菓子のように甘い配色(3種)

お菓子のように甘い配色1
お菓子のように甘い配色2
お菓子のように甘い配色3

おもちゃ箱のようなポップな配色(2種)

おもちゃ箱のようなポップな配色1
おもちゃ箱のようなポップな配色2

勢いを感じる力強い配色(2種)

勢いを感じる力強い配色1
勢いを感じる力強い配色2

明るく空気感のある配色(2種)

明るく空気感のある配色1
明るく空気感のある配色2

透明感を感じる配色

透明感を感じる配色

気品を感じる繊細な配色(2種)

気品を感じる繊細な配色1
気品を感じる繊細な配色2

キラキラとした光や輝きを感じる配色(2種)

キラキラとした光や輝きを感じる配色1
キラキラとした光や輝きを感じる配色2

上品で現代的な和風配色(2種)

上品で現代的な和風配色1
上品で現代的な和風配色2

ナチュラルで親しみやすい配色(2種)

ナチュラルで親しみやすい配色1
ナチュラルで親しみやすい配色2

緑や光、自然を感じる快い配色(2種)

緑や光自然を感じる快い配色1
緑や光自然を感じる快い配色2

フォーマル・シャープな印象を持たせる配色(2種)

フォーマル_シャープな印象を持たせる配色1
フォーマル_シャープな印象を持たせる配色2

高級感や特別感のある配色(2種)

高級感や特別感のある配色1
高級感や特別感のある配色2

エレガンスでシックな配色(2種)

エレガンスでシックな配色1
エレガンスでシックな配色2

機械的なイメージを与えるメカニカルな配色

機械的なイメージを与えるメカニカルな配色

ホラー・ダークな印象を与える配色

ホラー_ダークな印象を与える配色

まとめ

イメージの配色なので、あえて何も解説は書きませんでした。

今回使用したオリジナルPCCSシミュレータは、Webセーフティカラーを主体的に使用しているため、おおざっぱなイメージをつかむのには使えますが、微妙な色(例えば絶妙なセピアトーンなど)は表現しにくくなっています。

そのため、選択した色が画一的になっていることをご了承ください。

ワードプレスの始め方
~稼ぐためのしくみづくりまでを
徹底解説!!

好評セミナー”ワードプレス100分でブログサイトを制作”を書籍化しました

amazonでたった1コインで手に入れる

配色技法配色

Posted by S.Uchida