WebGallery

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

*

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

      2016/11/23

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

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

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

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

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

 - 写真で表現 ,

  関連記事

落ち着いたデザインで、写真の色を際立たせる

福岡県福岡市にあるケーキショップ「Jacques」のホームページです。 なんと今 …

東京にあるスーツのオーダーメイド専門店のサイトが高級感があってカッコいい!

オーダーメイド専門店「俺のTailor」のホームページです。 ファーストビューの …

カレッタ汐留で開催するイルミネーションの特設サイトが綺麗!

東京都港区にある「カレッタ汐留」で、2017年11月16日から2018年2月14 …

東京都にある不動産会社が間取り図まで掲載していて物件情報が分かりやすい!

東京都板橋区にある不動産会社「株式会社アルコ」のホームページです。 白・グレー・ …

東京にあるプライベートサロンのサイトが優雅な雰囲気でキレイ!

東京都港区でアロマトリートメントマッサージを行っているプライベートサロン「vih …

金額やカテゴリを絞って特典を選べる検索フォームが便利!岡山県備前市のふるさと納税サイト

岡山県備前市のふるさと納税特設サイトです。 ファーストビューの写真の配置がとても …

サイトの世界観を大切にした不動産会社のサイトが可愛くて素敵!

大分県大分市にある不動産会社「三越商事大分」のホームページです。 トップページの …

自動車整備工場の縦スクロールのスライダーがインパクトあってカッコいい!

千葉県市原市にある、車検や車の修理・カスタマイズ等を行っている自動車整備工場「株 …

サイト全体の動きをゆっくりさせて、旅館の穏やかな雰囲気で過ごせるイメージを演出する

新潟県新発田市にある旅館「白玉の湯 華鳳」のホームページです。 黒と黄色を基調と …

背景いっぱいにパンの写真を使ったサイトがおいしそう!

敷島製パン「Pasco」のホームページです。 ファーストビューのスライダー写真の …