マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン

色のイメージとWEBサイト【ピンク・紫編】

投稿日:2014年9月19日 更新日:

こんにちは、新人Aです。

おととい、昨日とWEBサイトの配色についてお話しました!
【黄色・赤編】【青・緑編】の次は・・・
今日は【ピンク・紫編】でお届けしようかと思います!

【ピンク】
ちふれ
http://www.chifure.co.jp/lipstick_cp/

唇にしっとり美発色。 口紅|なりたいきれい、好きなだけ。/ちふれ 2014-09-19 11-41-06

 

コフレドール
http://www.kanebo-cosmetics.jp/coffretdor/

コフレドール - カネボウ化粧品 2014-09-19 11-43-07

 

新宿ウェディングドレスサロンSTATICE
http://statice-dress.com/

スタイリストのドレスコーデ【Statice Dress】2次会ドレスレンタル 新宿駅徒歩3分 2014-09-19 11-44-52

ピンク色にはやわらかくて優しいイメージがありますね。エレガントでロマンティックな抽象的イメージが挙げられます。
服も、ピンク色を取り入れると少し若く見えるそうですよ!
赤と並んで「愛情」を表現する色として(ハートマークなどで)多く使われています。
それから女性ホルモンの分泌を助けてくれるのだとか。ピンク色って良い効果ばっかりですね・・・
WEBサイトでは、化粧品や、安らぎがテーマの商品ページに使われることが多いようですね。

 

 

 

 

【紫】
カルカン
http://www.kalkan.jp/

カルカン

 

アナスイ
http://www.annasui.co.jp/

NEWS - ANNA SUI 2014-09-19 11-50-48

 

京都麻織物
http://www.linenkyoto.com/

リネン

 

紫には感性を豊かにしたり、インスピレーションを高めてくれる効果があるそうです。
紫って、赤と青を混ぜて作りますよね。
活動的な赤と、平静の青が共存するので、高貴な色として扱われるのだそう。
冠位十二階でも一番位の高い色は紫だと教わりましたが、こんなところに理由があったのですね・・・!
それから、催眠効果もあるのだとか・・・寝つけないときは紫色を見るといいのかもしれません。
紫は色の合わせ方が難しいようで、日本でもサイトの数が少ないのだとか。

紫色のサイトを見かけたら要チェックですね!^^

-WEBデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

こんにちは。 今回はクリックするだけでゴールド&メタリックな質感のデザインが作れてしまうPhotoshopのレイヤースタイル素材と活用方法についてご紹介いたします。 このフレームを・・・ たっ …

全部無料!?写真をアートに加工できる【オススメ無料アプリ3選!】

こんにちは!デザイナーAです。 WEB制作時にサイトに掲載する画像を写真ではなく、お洒落なイラストにしたい…! でも制作費用は極力抑えたい~!!そんな方にオススメな写真をイラスト風に加工できるアプリを …

イラスト素材サイトのご紹介

イラスト素材サイトのご紹介

こんばんは、新人Aです。 今日は、イラスト素材のサイトさんをご紹介しようかと思います!       【いらすとや】 http://www.irasutoya.com/ フ …

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

【これから始めるWEB制作】adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その3~

こんにちは、ひよっこWEB製作者のMです。 皆様いかがおすごしでしょうか? 大寒の時期とあって毎日ひじょ~~~~に寒いですが、体調など崩されておりませんでしょうか? 私は、1月が今週で終わるということ …

【Illustrator】写真を簡単にモノクロベクター画像にする方法

【Illustrator】写真を簡単にモノクロベクター画像にする方法

みなさまこんにちは、新人Aです。 今日は、写真をIllustratorでモノクロにしてイラストっぽくベクター画像を仕上げたいと思います! 【1.Illustratorにベクター化したい画像を配置します …