WebGallery

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

*

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

   

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

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

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

 

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

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

 

赤箱女子

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

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

 

 

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

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

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

 

最後に

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

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

 - 色で表現

  関連記事

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

個性的なフォントを使用してイラストと組み合わせて、元気な印象を受けるふるさと納税特設サイト

宮崎県川南町のふるさと納税特設サイトです。 緑を貴重にした暖かみのある雰囲気のホ …

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」! 今 …

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

商品のイメージカラーの黄色を全面に出した、日焼け止めの商品ブランドのランディングページ3選!

日焼け止めが活躍する時期になりましたねー! ですが暑かったり寒かったりで気温がな …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

下部にバナーとして表示されるスライダー

北豊島園自動車学校のホームページです。 コンテンツごとに背景を変えて、可愛らしい …

自然の光を取り入れた空間で撮ってもらえる写真屋さん

宮城県仙台市にある写真スタジオ「FOTOFILE(フォートファイル)」のホームペ …