WEBサイトにもテーマカラーを

特にテーマカラーを決めていなくても、広報紙やグッズで使っている「あの色」がありませんか?その色こそ、周りから見たら「〇〇センターらしさ」として定着している可能性があります。

ぜひ、WEBサイトでもテーマカラーを取り入れて、サイト全体に統一感を出しましょう。

テーマカラーでサイトの印象が変わる

テーマカラーを決めているWEBサイト
テーマカラーを決めていないWEBサイト

テーマカラーが決まっているWEBサイトと決まっていないWEBサイトでは、パッと見た印象が大きく違います。
どちらのサイトに信頼感や安心感を感じるか、考えてみてください。

写真やチラシなど様々な情報を掲載するセンターのホームページだからこそ、テーマカラーで統一感を持たせることが重要です。

メインカラー+サブカラーで使い分け

メインカラーの他に、相性の良いサブカラーを2〜3色程度決めておくと便利です。
あまり色数が多くなると統一感が失われるため、シンプルに抑えるのがポイントです。

例えば、メインカラーが淡いピンクの場合は、

  • リンクボタンや枠線にサブカラーを使ってメリハリをつける
  • 白抜き文字が読みづらい場合は、暗めのサブカラーを用いて読みやすくする

といった使い分けが効果的です。

注意事項

  1. 〇〇〇〇〇〇
  2. 〇〇〇〇〇〇
  3. 〇〇〇〇〇〇

注意事項

  1. 〇〇〇〇〇〇
  2. 〇〇〇〇〇〇
  3. 〇〇〇〇〇〇

配色に迷った時は、以前紹介した「基本の3色配色」を参考にしてみてください。

おまけ

写真など繋がりのない画像をバナーやリンクに使う時も、テーマカラーやロゴをプラスするだけでサイトに統一感が生まれます。
ちょっとした工夫で印象がガラッと変わるので、ぜひ試してみてください。

更新情報はこちらからチェック↓

その他のデザイン講座

特にテーマカラーを決めていなくても、広報紙やグッズで使っている「あの色」がありませんか?その色こそ、周りから見たら「〇〇センターらしさ」として定着している可能性があります。

ぜひ、WEBサイトでもテーマカラーを取り入れて、サイト全体に統一感を出しましょう。

テーマカラーでサイトの印象が変わる

テーマカラーを決めているWEBサイト
テーマカラーを決めていないWEBサイト

テーマカラーが決まっているWEBサイトと決まっていないWEBサイトでは、パッと見た印象が大きく違います。
どちらのサイトに信頼感や安心感を感じるか、考えてみてください。

写真やチラシなど様々な情報を掲載するセンターのホームページだからこそ、テーマカラーで統一感を持たせることが重要です。

メインカラー+サブカラーで使い分け

メインカラーの他に、相性の良いサブカラーを2〜3色程度決めておくと便利です。
あまり色数が多くなると統一感が失われるため、シンプルに抑えるのがポイントです。

例えば、メインカラーが淡いピンクの場合は、

  • リンクボタンや枠線にサブカラーを使ってメリハリをつける
  • 白抜き文字が読みづらい場合は、暗めのサブカラーを用いて読みやすくする

といった使い分けが効果的です。

注意事項

  1. 〇〇〇〇〇〇
  2. 〇〇〇〇〇〇
  3. 〇〇〇〇〇〇

注意事項

  1. 〇〇〇〇〇〇
  2. 〇〇〇〇〇〇
  3. 〇〇〇〇〇〇

配色に迷った時は、以前紹介した「基本の3色配色」を参考にしてみてください。

おまけ

写真など繋がりのない画像をバナーやリンクに使う時も、テーマカラーやロゴをプラスするだけでサイトに統一感が生まれます。
ちょっとした工夫で印象がガラッと変わるので、ぜひ試してみてください。

更新情報はこちらからチェック↓

その他のデザイン講座
PAGE TOP