WebGallery

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

*

コンテンツの切り替えで雪を表現する

      2016/11/23

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

北海道上川郡美瑛町にある「展望花畑 四季彩の丘」のホームページです。

白黒とアクセントカラーの黄色だけで構成されたとてもシンプルなデザインです。装飾も必要最小限に抑え、見出しや英字の部分は明朝や筆記体、ボタンや小見出しの部分は太いゴシックなど、文字の書体や太さを切り替えてデザインされています。

スライダーとコンテンツが切り替わる部分は、まっすぐではなく曲線?になっていて、雪のなだらかな丘を表現しています。また。スクロールするたびにふわっと表示されるコンテンツが雪が舞っているところを表現しているようにも見えます。

アクセントカラーを使う箇所や、文字だけでレイアウトを構成するデザインは、見ていて参考になります!

 - 写真で表現 ,

  関連記事

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

トップに大きく表示されるムービーで旅館の雰囲気を伝え、いちおしの情報をバナー画像でスライド表示させる

鳥取県米子市にある温泉旅館「海色・湯の宿 松月」のホームページです。 トップに大 …

夕日をイメージさせるメニューバーが綺麗な観光ホテル

福井県坂井市にあるホテル「東尋坊温泉 三国観光ホテル」のホームページです。 ファ …

シンプルなデザインのヘアサロンのサイトが、おしゃれでカッコいい!

原宿・表参道・渋谷・青山・鎌倉にある美容室/ヘアサロン「vicca(ヴィッカ)」 …

商品のイメージカラーを使い、統一感を出す

  森永乳業の「ピノフォンデュカフェ」の特設サイトです。ピノのパッケー …

地名の由来を書いてご当地にさらに興味を持ってもらう

京都市にある株式会社 きぬがさが運営する和装小物店「京こもの 衣笠」のホームペー …

シンプルな配色で写真を際立たせた一級建築士事務所のサイトが綺麗!

神奈川県葉山町にある一級建築士事務所「tentline(テントライン)」のホーム …

石川県にある道の駅のサイトがシンプルでおしゃれ!

石川県羽咋市にある道の駅「いい道の駅 のと千里浜」のホームページです。 ファース …

背景にまぎれないように、文字に少しだけ影をつけて強調させる

11月7日から八景島シーパラダイスで行われているイルミネーションイベント「楽園の …

ボタンに地図を使用し、見ただけでどこにあるのか一目で分かる

株式会社ベネッセホールディングスと公益財団法人 福武財団によって行われているアー …