WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現 , ,

  関連記事

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

制作現場のムービーを流すことで、伝統工芸品の魅力をアピールする

愛知県名古屋市にある染め物屋さん「まり木綿」のホームページです。 木綿の柄のふわ …

緑色のイメージを効果的に使った製造会社

石川県で焼成炉や乾燥炉などの設計・製造を行っている「株式会社アクトリー」のホーム …

「富山の上質な暮らし」を体感できる情報発信拠点

6月に東京都中央区日本橋にグランドオープンした「日本橋とやま館」のホームページで …

品川区にある漢方薬局のサイトが親しみやすくて可愛い!

東京都品川区にある漢方薬局「高山薬局」のホームページです。 ロゴカラーの茶色と緑 …

猫のためのオシャレな爪とぎソファーが欲しくなるショップ

猫のためのおしゃれな爪とぎソファー「カリカリーナ」を販売しているにゃんこ家具の公 …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

次の世代のために美味しい野菜を作っている農家さん

茨城県つくば市で、農薬を使用しない野菜を作っている農園「子供たちの未来農園」のホ …

初めての人にも分かりやすいアクセスページ「なかやま矯正歯科」

大阪府大阪市にある矯正歯科医院「なかやま矯正歯科」のホームページです。 左側にメ …