WEB制作

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

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

こんばんは!

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

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

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

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

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

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

http://nipponcolors.com/

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

さて、最後はこちら

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

 

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

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

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

 

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

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

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

-WEB制作

関連記事

【やらなきゃよかった!?】高額なリスティング対策で大失敗しがちな考え方

【やらなきゃよかった!?】高額なリスティング対策で大失敗しがちな考え方

リスティング広告は検索結果画面に表示される広告です。 検索した時に上位を独占する風景はみなさんも一度は見たことがあると思います。 このように目立つ位置に表示されていますね。 このリスティング広告、プリ …

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

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

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

【Illustrator】簡単!マーブル模様の作り方

【Illustrator】簡単!マーブル模様の作り方

マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。 アナログで作るのにも道具を引っ張り出すのも面倒・・・失敗するのも怖い・・・ そこで、Illustratorで簡単にマーブル …

Phalcon PHPフレームワーク試しました

Phalcon PHPフレームワーク試しました

Phalcon(http://phalconphp.com/ja/)フレームワークは、PHPエクステンションとして利用する非常に高速なフレームワークとのことです。 動作確認までの手順です。 1. Ph …

知らなかった!じゃ済まされない。フラットデザインの落とし穴

知らなかった!じゃ済まされない。フラットデザインの落とし穴

こんばんわ!WEBデザイナー歴10年目に突入間近のHです! 以前、2015年に流行るWEBデザインのトレンドを3つ、ご紹介させて頂きました。 ①フラットデザインの更なる普及 ②クリックを出来るだけ減ら …