WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

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

 - 動きで表現 , ,

Message

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

  関連記事

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

ロゴマークにマウスをホバーさせるとアニメーションになる仕組み

東京都台東区にあるランドセル工業会が運営している「ランドセルくらぶ」のホームペー …

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …

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

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

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会 …