WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現 , ,

  関連記事

就活生に語りかけるキャッチコピーがインパクト大!兼松株式会社の新卒採用サイト

「兼松株式会社」の2019年度新卒採用サイトです。 ファーストビューの動画がとて …

紫女子部がプルーンの魅力を紹介!

カリフォルニアプルーン協会が手がけた「紫女子部 スタート記念 プルンプルーンキャ …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

暑い!とにかく今年の7月は暑いです!! 関東でも一部地域で今年初の40度超えが観 …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

写真にカーソルを置くと詳細文が表示される

京都の神社で結婚式を挙げる人たちを支援する会社「株式会社スタジオゼロ京都」が運営 …

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …

カテゴリーごとに分けたコンテンツが見やすい!

海外に向けて沖縄の新たな魅力を伝えるプロモーションサイト「Where to Go …

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

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

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

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