WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

   

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激しいのでどういった服を着ようか迷ってしまいます。

秋は赤やオレンジなど暖色系の服を着ている人が増える気がします…暖色は視覚的にも暖かい気持ちになってきますよね!何だかもう赤系の服を着ているというだけで可愛い!って思ってしまいます。

ただ、サイトに赤を使うとなると中々難しいですよね…アクセントカラーに使う分にはあまり迷わないのですが、背景に濃い赤を使うと毒々しい雰囲気になってしまったり、原色の赤を使うと目が眩しくて見ていられない!となってしまったりと、加減が分からないのが正直なところです。
今回は、今後の参考のためにも背景に赤色を使ったサイトを3つご紹介します!

 

インフィニティ法律事務所

茨城県水戸市にある法律相談事務所「インフィニティ法律事務所」のホームページです。
背景の赤と文字の金色が、めでたい&福を感じる雰囲気を演出していますね!コントラストも抑えているので目に負担のないカラーリングになっています。
ファーストビューには、鳥のイラストを使って取り扱い業務を紹介しています。ポップな色合いのイラストを掲載するだけで一気に親しみやすさも出てきて安心感のあるサイトになっています!

 

赤箱女子

牛乳石鹼共進社株式会社が販売している牛乳石鹸の90周年を記念して作成された「赤箱女子」の特設サイトです。
ファーストビューは赤い背景に赤箱を使って洗顔している女性たちの写真が横スクロールで表示されています。中央には赤箱が手前に配置されていて目を引くレイアウトです!

ちなみに、現在キャンペーンをやっているそうで「赤箱オリジナルグッズセット」がもらえるそうです2019年3月29日(金)まで応募可能なので是非!
(私は赤箱という存在自体知らなかった…!乾燥肌にとても良いという事らしいので、早速使ってみようと思います!)

 

 

RUBY MUSHROOM (ルビーマッシュルーム)

最後はこちら!そろそろ忘年会シーズンも到来の時期、飲む機会が多い方におすすめしたい飲み物「ルビーマッシュルーム」のランディングサイトです。
こちらもパッケージの色を使った、渋めの赤が特徴のサイトですね!金色と黒も配色として使用しており、全体的に締まりのあるサイトデザインになっています。

ボトルデザインもとってもお洒落で「ウコンの力」や「ヘパリーゼ」のようにサポート飲料として定着しそうです。

 

最後に

最後にこちらをご紹介。イベント自体は終わってしまったのですが、こちらのサイトもとてもカッコいいです。
香りを演出するために、手前に煙のアニメーションを配置して本当に「お香」の匂いが漂ってくるような演出をしています。カーソルを煙の上で動かすと煙が避けるようなモーションをします。この動きも本当にリアルです!

以上、背景に赤色を使ったサイト3選(おまけ付き)でした!

 - 色で表現

  関連記事

レゴランドで開催しているイベントのサイトがゲームみたいで可愛い!

2017年の7月から12月までお台場にあるレゴランドで開催されているイベント「夜 …

職人の想いが伝わってくる「あらき修福堂」

福岡県福岡市にあるバッグや家具を修理・補修・リペア再生をする「あらき修福堂様(有 …

背景に薄くイラストを載せる

植物ブランド「花園樹斎」のホームページです。2016年1月に、植物ブランドとして …

背景を白にしたシンプルなデザインにしていちごの美味しさが伝わるようにしたいちご園

静岡県富士宮市でいちご狩りや紅ほっぺを使った商品の販売を行っている「いちご 生産 …

自然豊かな環境で、こだわり卵を生産している養鶏場

佐賀県武雄市にある養鶏場「いとう養鶏場」のホームページです。 全体的に装飾を抑え …

落ち着いた和の雰囲気と、黒を基調とした色合いで50年という歴史を感じる渋いデザイン

島根県松江市にある塗装会社「ポインテリア」のホームページです。 落ち着いた和の雰 …

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

パソコンとスマートフォンで色味が変わるサイト

  千葉県八千代市にある「京成バラ園」のホームページです。全体的にピン …

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

豊富な情報量をコンパクトにまとめた自動車教習所のサイトが可愛い!

大阪府高槻市にある大阪府公安委員会指定校の自動車教習所「高槻自動車教習所」のホー …