WebGallery

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

*

コンテンツごとに様々な動きをつけたデザイン

   

名称未設定 1

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。

大きく表示される道の駅の写真が、とても綺麗です。写真の下の背景もただ切り替えるのではなく、波線にすることで動きをつけて変化しています。一番最初の紹介部分では左側にお米のイラスト、右側に道の駅にある写真を載せ、新潟県のアピールポイントが見ただけで分かるようになっています。

さらにその下には道の駅南魚沼の構造をイラストで紹介しています。水彩の暖かみのあるイラストで可愛らしく、そして分かりやすく解説しています。

「観る」・「食べる」・「買う」・「遊ぶ」といったコンテンツごとの紹介では、スクロールすると写真がスライドして出てくる仕組みです。上に戻るときちんと元に戻る仕組みなので、とても参考になります。

また、「雪あかり」の名前の由来部分では、背景を水色にして雪の結晶を降らせることで注目度が上がります。その雪の結晶もスクロールすると下に動くのでこういった変化をつけるのはすごいです。

 - 動きで表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホーム …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

画面いっぱいに表示されるメニュー

愛知県にある栽培支援システム開発会社「株式会社プラントライフシステムズ」のホーム …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

舌でも目でも石巻を楽しむことができる、「泳ぎ寿司 石巻」

今年の3月6日・11日に東京都にある「代々木ビレッジ code kurkku」で …

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

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

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …