適切なカラー選定でホームページの成果につなげる/台東区のホームぺージ制作とインバウンド対応支援会社
![株式会社ケイツー・インタラクティブ [K2-interactive]](https://www.k2-interactive.co.jp/common/images/unit_img/logo.png){kind=logo}
私たちは、台東区浅草雷門でホームページ制作・運営代行とインバウンド対応/集客支援をしている会社です。
ホームページ・スタートアップ は初期費用を抑えてホームページ運営に注力したい方向けホームページ入門パッケージです。ホームページ運営の方法がよくわからない、一緒に戦略を考えてくれるブレーンがいないなどお悩みのホームページ担当者にもおすすめのサービスです。
ホームページの印象は配色でがらりと変わります。もちろん、掲載されている企業や商品・サービスなどもホームページの配色によって印象が影響されます。カラーには「色相」「明度」「彩度」の3つの要素があります。
色相は「紫」「青」「緑」「黄」「橙」「赤」などの色のことです。6色ですが、虹を思い浮かべてもらえるとイメージしやすいです。（実は虹の色数は民族によって違うようです）どの色を選ぶかで、印象が変わります。
例えば、飲食では「黄」「赤」を使ったり、精密機器などでは「青」などを使うと効果的な場合があります。
またおもしろいことに、日本では上記でご紹介したような印象を与えることが出来ますが、国や文化圏によって色味から受ける印象に違いがあるようです。
色の鮮やかさをあらわす彩度は色の濃さや鮮やかさのことです。
例えば「グレー」→「ブルーグレー」→「青」や、「グレー」→「茜」→「赤」など、いろの濃淡の変化です。彩度の高い明るい色は鮮やかに見え、低い色は次第に無彩色のグレーに近づきます。この効果を利用して、色で立体感をつけることが出来ます。
彩度の扱いで覚えておきたいのは、同等程度の彩度であれば、他の色と組み合わせてもおかしくなることがありません。また、伝統的な和色は彩度の低いものが多く見られます。
明度は日陰、日向、夜、昼、のように「明るい」「暗い」の違いです。日常の変化に近い色の変化は人の雰囲気の決定に大きく影響を与えます。明度の高い「水色」や「ピンク」に近づけば「軽い」「ポップ」な印象を与えやすくなり、反対に近づくと「重厚感」「落ち着き」「高級感」を出すことが出来ます。色は「黒」から「白」へと変化します。
キーカラーの選定はホームページの印象を決める大事な作業です。もともと決まっている企業カラー、ブランドカラーがあればその色を採用します。もし無い場合は、事業コンセプト、商品コンセプト、ターゲットなどと照らし合わせ選定します。配色、とくに色相で紹介した印象を参考に、キーカラーを選定します。
意味も無く色を採用していくと、ホームページは途端にゴチャゴチャした印象になってしまいます。キーカラーを決めたら、サブカラー、補足カラー、リンクカラーを決めます。これは明度と彩度で調整します。
キーカラーはサイトのポイントになる場所、例えばタイトルのディテールだったり、アイコンなどアイキャッチになる要素に採用します。割合としては5%以下が望ましいです。
サブカラーはキーカラーに採用した部分より目立たせなくてもいいけど、他より目立たせたい、また文章の目印として配置してみやすくするなどの要素に採用します。
コンテンツの下地に敷き、文章やコンテンツの補足的な要素やまとめ的な要素に使います。
特にホームページ限定の配色要素ですが、文章に馴染ませないのが特徴です。なるべく暖色系の明度の高い色を選び目立たせます。少しデザインから浮いてしまっているくらいが丁度いいです。もしキーカラーが赤色であれば、他の寒色系のカラーを選びます。この色を少し変更するだけでも、ホームページの成果がガラリと変わります。
適切なカラー選定はホームページの成果につながる、いかがでしたでしょうか？ついつい、いろいろな色を選びたくなってしまいホームページをゴチャゴチャにしてしまうこともあるかと思います。そのような場合は制作前にカラーシートを作りチームで共有しておくことをオススメいたします。
ホームページのリニューアルに関するご相談は、お気軽にお問い合わせください。
※本情報はページ公開時のものです。情報は常に更新され掲載内容と異なる場合がございます。
ホームページ・スタートアップ は初期費用を抑えてホームページ運営に注力したい方向けホームページ入門パッケージです。ホームページ運営の方法がよくわからない、一緒に戦略を考えてくれるブレーンがいないなどお悩みのホームページ担当者にもおすすめのサービスです。
フロントエンジニアが使う主な技術はHTMLとCSS、そしてjavascriptです。会社によってはサーバーサイドのNODE.jsやPHP、そしてSQLなど深いレイヤー部分（よりサーバーに近い場面での仕事）も求められることがあります。フロントエンジニアは広範囲に及ぶ専門スキルが必要なため、人により得意分野が違います。
WEBサイトTOPの背景に大きな動画を埋め込むことで、ユーザーの目を引きサービスのアピールや雰囲気を伝えて不ランディングをするケースがあります。動画はより多くの情報を伝えるのに適していますが、全てがいいことばかりでもありません。このページではメリットデメリットを踏まえてどのように動画を扱えばいいか紹介します。
ホームページでは扱う写真のクオリティの差がそのままホームページのデザインの差になるケースが増えてきました。これは通信速度の向上が大きな要因としてあげられます。ホームページの目的は何か？ポイントを押さえて容量の大きい『キメの写真』と、容量の小さな『添える写真』、情報として『伝える写真』を使い分けて、相対的にクオリティーの高いホームページを作っていくことを目指しましょう。
商品やサービスの特徴を伝えるためのインパクトがあり、消費者の心を捉えるのに適した言葉の総称をキャッチコピーと言います。日本では80年代頃から注目され、それまで商品の説明に重点を置いていた広告媒体が、商品が作り出す空気（世間の反応）に注目するようになり、伝搬（今でいうクチコミ）するのに適した言葉を多く広告に採用するようになりました。
PHPは世界で最も使われているプログラム言語のひとつで、利用している人が多いためインターネット上に多くの情報がアーカイブされているのが特徴です。また習得が比較的容易な言語で、プログラム未経験者にも習得しやすい言語です。
