WebGallery

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

*

写真以外の色を抑えて写真を際立たせる

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

北海道札幌市にある花屋ウェディング「有限会社 花たく」のホームページです。

白と黒を基調としたシンプルで落ち着いた雰囲気のサイトです。ヘッダーの右側に大きく出てくる「花に集う」というキャッチが、アート活動などを紹介している部分になると、白文字の「人に集う」というキャッチにふわっと切り替わるようになっていて面白いです!

下にスクロールすると、写真のみ色が付いている状態になっていて、白黒で上手くコンテンツを切り替えています。

また、写真の色合いによっても背景色や文字色を切り替えていて、白い花が多めの時には白い背景に黒文字、背景が黒い感じの写真だと白文字を使ってデザインしています。
背景色や文字色を反対にするだけで、全く違う雰囲気のコンテンツになるように工夫していて参考になります。

 - 色で表現 , ,

  関連記事

富士山×山中湖×野外フェス!壮大な景色の中でのフェスは興奮すること間違いなし!

今年の8月26・27・28日に山梨県南都留郡で開催する野外フェスティバル「SPA …

文字の色を少し薄めのグレーにすることで全体的に優しい色合いに

沖縄県の春・夏・秋・冬の季節ごとの魅力を紹介するキャンペーン「しゅんおき!旬香周 …

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

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

白黒で配色されたスタイリッシュな住宅建設会社

札幌市にある住宅建設業者「フォレスタの家」のホームページです。 白黒で構成された …

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

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

【WEBサイトまとめ】もうすぐ春!ピンク色を効果的に使ったサイト5選!

まだまだ寒い日が続きますが、暦の上ではもう「春」ですね〜。 ということで、今回は …

「青い池」を連想させる色を使った配色の美瑛町

北海道美瑛町のホームページです。 美瑛町の有名な「青い池」の写真がとても印象的な …

観葉植物の写真を効果的に多用し、洗練された上品なデザインのグリーンレンタル屋さんがオシャレ!

観葉植物の販売・グリーンレンタルリースを行っている「株式会社 野沢園」のホームペ …

後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かさずに立体感をだす。

島根県日本赤十字社「益田赤十字病院」のホームページです。 トップページの赤い色が …

黒を基調としたテイクアウト商品の販売サイトが高級感があっておしゃれ!

専門店のデリバリーサービス「TAKEOUT CAB(テイクアウトキャブ)」のホー …