WebGallery

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

*

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

      2016/11/23

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

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

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

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

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

 - 写真で表現 ,

  関連記事

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

写真のサムネイルが本の見開きのようになっている

長野県上田市に拠点を持ち、北欧のヴィンテージ家具や雑貨など生活に関わるものを取り …

右下にリンクテキストを配置することで、次のページに行きやすいようにする

人工芝を使ったハンドメイド商品などを制作・販売しているネットショップ「部屋とmi …

訪問看護事業のサイトが、従業員の写真をたくさん使っていて親しみやすい!

東京都江戸川区と沖縄県豊見城市に事務所をかまえる訪問看護事業「ウィル訪問看護ステ …

新宿・池袋にあるネイルサロンのサイトが可愛くておしゃれ!

東京都新宿区・池袋にお店を構えるネイルサロン「Annabel Lee」のホームペ …

左側にスライダー、右側にコンテンツのレイアウトでデザインされた花火大会のサイト2選!

あっという間に6月も中旬ですねー! 今回は、少し先ですが8月に開催される花火大会 …

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

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

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

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

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

「こんな美容室に行ってみたい!」と思う美容室サイトがシンプルでおしゃれ!

東京都世田谷区にある美容室「Rodina」のホームページです。 トップページのス …