MENU
  • ホーム
  • Elementor
  • SWELL
  • WordPress
  • マーケティング
  • カスタマイズ相談
  • 販売サイト
ウェブクリ
  • ホーム
  • Elementor
  • SWELL
  • WordPress
  • マーケティング
  • カスタマイズ相談
  • 販売サイト
公式LINE
ウェブクリ
  • ホーム
  • Elementor
  • SWELL
  • WordPress
  • マーケティング
  • カスタマイズ相談
  • 販売サイト
  1. ホーム
  2. デザイン
  3. ビジネスサイトではなぜネイビーや青系の色がよく使われるのか?

ビジネスサイトではなぜネイビーや青系の色がよく使われるのか?

2023 6/10
デザイン
2023年6月10日
ビジネスサイトではなぜネイビーや青系の色がよく使われるのか?
ウェブアドバイザーよしづみ

ビジネスサイトではなぜネイビーや青系の色がよく使われるのかについて解説します

目次

ビジネスサイトでネイビーが使われるようになった起源

ネイビーとはこういう色です。

海軍が「Navy」と呼ばれていてこの海軍の制服の色が上記の色だったことから、ネイビーと呼ばれるようになりました。

軍のイメージとして、誠実さや規律性、冷静さなどが連想されることからビジネスの場面でもよく使われる色と言われています。

ネイビーと相性のいい色

ネイビーと相性のいい色についてもいくつか紹介していきます。

ぜひこれをもとにデザインセンスがあるサイトを作ってみてください!

ネイビーと相性がいい色 1つ目

ネイビーと相性がいい色1つ目は黄色です。

色相環理論にて補色の関係となる黄色は相性がいいとされています。

ウェブアドバイザーよしづみ

実際にいろいろなサイトを見てみるとこの配色が多いです
色相環に関して知りたい方は下記の記事を参考にしてみてください

あわせて読みたい
色相環とは?補色や反対色を使った配色の図解や実例紹介 色相環とは、色相を環状に配置したもので、異なる色相同士の相対的な関係性を理解するのに役立ちます。色相環を使った配色の考え方から、組み合わせの紹介、トーンから考え…

ネイビーと相性がいい色 2つ目

ネイビーと相性がいい色2つ目はホワイトです。

ネイビーと組み合わせるとことで上品で優雅な印象を与えます。

また、ホワイトは、ネイビーの深みを引き立てながら、柔らかさを加えてくれます。

ネイビーと相性がいい色 3つ目

ネイビーは深みのある色であり、ライトグレーは穏やかな明るさを持っています。

ネイビーとライトグレーは、明暗のコントラストがありながらも、色のトーンが似ているため、バランスの取れたコントラストを生み出してくれます。

まとめ

今回紹介した相性のいい色をもとにデザインセンスがあるサイトを作ってみてください!

アイデアが浮かばないという方には下記のようなサイトをみてみることをおすすめします

SANKOU!
ブルー・青色 | SANKOU! Webデザイン制作の参考になる「ブルー・青色」を使用しているWebサイト・LP一覧。おしゃれなサイトを更新中。2025年の最新トレンドをチェック!

今回の内容はYouTubeでも解説していますので、動画でも学習したい方は下記の動画を再生してみてください。

ウェブクリではElementorやSWELLのカスタマイズ依頼や相談を受け付けております!

詳しくはこちら
デザイン
デザイン
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする コメントをキャンセル

吉積
人気記事
  • SWELLやLightningのヘッダーに電話番号や問い合わせボタンをコードなしで実装できます!
  • Elementor(エレメンター)で一部の文字だけ色やサイズを変更する方法(HTML)
    Elementor(エレメンター)で一部の文字だけ色やサイズを変更する方法(HTML)(CSS)
  • Elementor(エレメンター)の表示がおかしい時の解決方法
    Elementor(エレメンター)の表示がおかしい時の解決方法
  • 専門知識不要フローティングボタンの導入方法【WordPressプラグインBlog Floating Button For WP】
    専門知識不要フローティングボタンの導入方法【無料WordPressプラグインWP Floating Button】
  • Elementorでアニメーションを設定する方法
    Elementor(エレメンター)でアニメーションを設定する方法
目次