マーカーネット株式会社

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

WEB制作

WEBサイトの配色に迷った時の必見サイト!

投稿日:2015年8月10日 更新日:

こんばんは!

本日社内で勉強の一環で某テストを受けた、風邪気味のKです!
夏休みも目前!早く元気になりたい!

さてさて、このところお仕事をさせていただいている際、
セオリーにハマった色使いを真似ているだけで、

自分の選んだ配色の説得力がいまひとつ足りない気がして、
色のおさらいをもうもう一度してみたいと思い、
今回、ブログのテーマにさせていただきました。
私が色の配色をおさらいするのにおススメのひとつめはこちら!

色の基本、色相・彩度・明度について詳しく説明されている配色理論!

さらに、使われやすい色の比率(ベースカラー:70%、メインカラー:25%、アクセントカラー:5%)
について詳しく説明しているのはこちら

このサイトをみると、初心にもどって、
配色の理論を認識することが大事だと改めて感じます。
そしてお次はこちら

3

http://nipponcolors.com/

このサイトは本当にどの色も美しく表現されていて、
シンプルなのに、風合いがあり、色への発想が膨らむサイトです。

さて、最後はこちら

4

http://www.i-iro.com/psychology

 

ロゴのカラーなど、決定されている色がベースになりやすいサイトですが、
配色には様々な心理が働くことも忘れてはいけないな、と改めて感じます。

また、ロゴのイメージとサイトで要望されてるイメージが異なる場合は、
ロゴが協調され過ぎないように、使用サイズを小さくする、
白ヌキで使うなど、いくつか方法があります。

基本を忘れず、トレンドも忘れず、日々精進!!
これからも、お客様のご要望を大切に、制作していきたいと思います。

 

末筆ながら、マーカネット株式会社では、

お客さまのサイト制作に、様々なご提案をさせていただいております!
サイトの制作をご検討の方は、お気軽にこちらからご相談ください。

ではでは、本日はこれにて。
ドロン。

-WEB制作

執筆者:


comment

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

関連記事

CSS3の便利機能紹介。

CSS3の便利機能紹介。 http://www.markernet.co.jp/blog/2015/09/03/post-6063/ Facebook

WEB制作に便利!CSS3ボタンジェネレーター3選

WEB制作に便利!CSS3ボタンジェネレーター3選

もちろん使わない派の方もいるかもしれませんが、私は便利なツールがあればどんどん使っちゃいます。 WEB制作の時短にもつながる便利なジェネレーターをご紹介します。   「CSS3 Button …

Movable Type6がリリースされました

Movable Type6がリリースされました

movable type6 以下の新機能が追加されたとのことです。 – Data API APIを通じてMovable Typeの管理画面の操作や記事の読み込みが可能になったとのことです。 – Cha …

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

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

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

ホームページ制作にかかわる肩書別完成するまでのプロセスまとめ

ホームページ制作にかかわる肩書別完成するまでのプロセスまとめ

WEBデザイナー、WEBディレクター、WEBプログラマー、WEBプロデューサー、プランナー、ライター、営業さん、ときおりカメラマンANDクライアント。とまぁたったひとつのホームページが出来上がるまでに …