会社案内ブログ採用情報お問い合わせプライバシーポリシーblogブログWebサイトの配色、どう選んでる?こんにちは!デザイナーの角谷です。あっという間に2019年になりました。今年の目標は、運動する時間を増やすことです。今回のテーマは「配色」です。デザインにおいてかかせない要素である配色。配色次第では印象が大きく変わるため、私自身、時間をかけて選ぶことが多く、かなり気を遣います。そこで、制作をする上で必ずといっていいほど悩む問題の1つ、配色についてまとめてみました。基本の「ベースカラー」「メインカラー」「アクセントカラー」webデザインの配色を決めるにはテーマカラーとなる、ベースカラー、メインカラー、アクセントカラーの基本の3色を決めます。それぞれ、ベースカラー70%、メインカラー25%、アクセントカラー5%の面積比率でデザインすると、見た目にきれいな配色に仕上がるといわれています。背景など、最も大きな面積に使用されるのが「ベースカラー」です。メインカラー、アクセントカラーを引き立てます。メインカラーサイトのテーマとなる色が「メインカラー」です。企業のロゴが決まっていたり、コーポレートカラーがあれば、その色をメインカラーに決めると企業としての統一感も出ます。目立たせたいところやボタンなど、最も小さい面積に使用されるのが「アクセントカラー」です。全体を引き締め、ユーザーの目を引く効果を持っています。カラー指定がない場合、私は、webサイトのイメージに合う色やターゲット層が好みそうな色から決めていくことが多いです。(この場合が一番悩むところです。黄色といったところでしょうか。ちなみにデジバンサイトのリニューアルでは、アクセントカラーをピンクからイエローに変更しました。リニューアルするにあたって、特にカラーの指定はなくwebサイトのイメージに合う色で考えたところ、イエローの持つ性質、連想するイメージがデジバンのサイトにぴったりだったためイエローに決まりました。黄色は有彩色の中で一番明るい色です。光や太陽のイメージが浮かびます。見ているだけで心を弾ませ楽しい気分にさせてくれるのでコミュニケーションを円滑にしてくれます。知性を刺激し行動を活性化してくれます。引用:https://iro-color.com/episode/about-color/yellow.html多色配色の場合は?色が多いサイトデザインの場合、メインカラーが複数になることもあります。そんな時私が参考にしているのがPCCSのトーン一覧です。明度と彩度を合わせたもので、色調が持つ印象をまとめています。同じトーンのグループにある色は色相が違っていても色調の印象は同じです。カラーハーモニーの問題をシステマティックに解決することを主な目的として開発し、1964年に発表したカラーシステムです。色の面積比率を意識してデザインすると、見た目にきれいな配色に仕上がり、トーンを合わせることで色調にまとまりが出るようになるかなと思います。余白」を生かすとは?余白について考えてみた印象が変わる!?ジャンプ率を意識してみる。~パレート図とは~2019年も宜しくお願い申し上げます「お客様の声」からニーズを引き出すブログ一覧に戻るTOPブログクリエイティブWebサイトの配色、どう選んでる?Contactお問い合わせサイト制作、プロモーションなどご相談はお問い合わせフォームをご利用ください。