WebGallery

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

*

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

   

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

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

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

 

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

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

 

赤箱女子

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

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

 

 

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

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

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

 

最後に

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

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

 - 色で表現

  関連記事

選ばれるポイントを綺麗にまとめたホテルのサイトがオシャレでカッコいい!

福岡県北九州市にあるホテル「ステーションホテル小倉」のホームページです。 青と黄 …

お昼寝案内

  手書き風のゆるーっとしたサイトです。イラストを使用してわかりやすく …

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

ヘアカラー剤「THROW」のホームページです。 ファーストビューの透明感のあるイ …

雲の上にお酒があるような幻想的なトップ

白鶴酒造株式会社のブランドサイト「超特選 白鶴 天空」のホームページです。 天空 …

パステルの色合いがいい、加減。

松山市総合政策部シティプロモーション推進課が運営する「いい、加減。まつやま」のホ …

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

石巻市で働く人々の笑顔や美しい自然がステキな水産加工品メーカー

宮城県石巻市と遠田郡美里町にある、水産加工品の製造・販売を行っている「株式会社 …

ロゴのスラッシュを使ったデザインがカッコいい「万建設興業」

栃木県那須塩原市にある住宅建築・分譲地販売をしている「株式会社万建設興業 YES …

茶系の色で高級感を出し、オレンジで暖かみを出す「小谷流の里 ドギーズアイランド」

千葉県八街市にある「小谷流(こやる)の里 ドギーズアイランド」のホームページです …

女性やカップルでも親しみやすいように、イラストを使ったデザインにした特別展サイト

2017年4月11日の火曜日から6月4日の日曜日まで東京国立博物館で開催される「 …