WebGallery

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

*

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

      2016/11/23

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

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

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

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

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

 - 写真で表現 ,

  関連記事

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

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

思わずほしくなる!画面幅いっぱいに写真を配置したランドセルのブランドサイト4選!

ランドセルって大人になっても魅力的に感じるアイテムだと思ってます。 私が小学生の …

荘厳で神秘的な雰囲気なのに泊まれる寺院

奈良県平群町にあるお寺「信貴山大本山・千手院」のホームページです。 トップには僧 …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

30代・40代の女性に受け入れやすいよう、可愛くなりすぎずシンプルなデザインになっているヨガスクール

大分県大分市にあるヨガスクール「Mysore Oita(マイソール大分)」のホー …

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

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

手軽さやオシャレ感を上手くアピールする

「MY BAGEL」というPascoのパンを色々アレンジして楽しもうという紹介サ …

壮大な日本海の写真

新潟県村上市にある温泉旅館「大観荘 せなみの湯」のホームページです。 トップのス …

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

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

スマートフォンで見るユーザーを重視したデザイン

東京都を中心とした銭湯情報を掲載している「東京銭湯 -TOKYO SENTO-」 …