WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現 , ,

  関連記事

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

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

グループの音楽性が一目で分かる

  Clean Banditの公式ホームページです。クラシックとベース …

「情緒」と「静寂」を演出するために、カラフルな配色でなく白黒の配色にした岐阜のウェディングサイトがキレイ!

岐阜県多治見市にある、「大人のウェディングスタイル」をテーマのウェディング会場「 …

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

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

「和」を表現しつつも、若い女性向けに明るさや手軽さが伝わってくる着物レンタルショップ

石川県金沢市にある着物レンタルショップ「心結」のホームページです。 女性をメイン …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

ドイツ国旗の配色を使ってデザインされたサイトがおしゃれ!

2017年4月28日(金)から5月7日(日)の期間、横浜赤レンガ倉庫で開催される …

黒い背景にインパクトのあるキャッチコピーと卵の写真で、重厚感のあるサイトがカッコいい!

鹿児島県曽於市にある卵・マヨネーズ等を販売している「サテライツ株式会社」のホーム …

豊富な情報量をコンパクトにまとめた競馬場サイトがオシャレ!

北海道帯広市にある競馬場「帯広競馬場(ばんえい十勝)」のホームページです。 2カ …

東京にある不動産会社のサイトが可愛くておしゃれ!

東京都立川市にある不動産会社「Yutaka Home +(ユタカホームプラス)」 …