WebGallery

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

*

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

      2016/11/23

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

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

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

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

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

 - 写真で表現 ,

  関連記事

地元の食べ物に重点を置いて構成されたプロモーションサイト2選!

今年の梅雨は寒暖差が激しいですね… 今週は湿気が多く暑い日が続くそうですねー!私 …

ネイルの写真でカラフルなデザインにしたサロンのサイトが可愛くておしゃれ!

東京・埼玉・北海道に支店をかまえるネイルサロン「Nail Mix」のホームページ …

背景に迫力のある写真を使った動物園のサイトが面白い!

大阪府大阪市にある動物園「天王寺動物園」のホームページです。 ファーストビューの …

思わず結婚したくなる結婚式場

長野県飯田市にある結婚式場「BE LAKS(ビーラクスマツカワ)」のホームページ …

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

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

映像で構成されたシンプルなサイト

  株式会社コナミが制作したメタルギア・ソリッドシリーズの主人公に惚れ …

特殊なアニメーションを使って展示された作品を紹介している美術展のサイトが、ユニークな動きで面白い!

2018年の4月14日(土)から7月8日(日)まで、東京都美術館で開催されている …

文字間や行間をあけて見た目をすっきりさせることで、文章を読みやすくする

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。 写真を多様に使い、 …

アニメーションを使って分かりやすく見所を紹介している「びわ湖硫水船」のサイト

京都府京都市で乗船できる「びわ湖硫水船」のサイトです。 ファーストビューに大きく …

雑誌のようなレイアウトのデザインが可愛い!

大阪・兵庫・奈良・京都・和歌山を中心に、建て替えや土地探し・新築一戸建て・注文住 …