WebGallery

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

*

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

   

2018年の4月14日(土)から7月8日(日)まで、東京都美術館で開催されている「プーシキン美術展」のホームページです。

トップページがとても印象的なサイトです。
美術館に展示されている作品が色んな方向から出てきます。
画面の左右にはドアのアイコンが設置されており、クリックすると作品たちがするすると動き別の作品が大きく表示されます。
右上には今日の開催状況が書かれており、見に行きたい人が開催状況をすぐに確認できるように工夫されています。

サブページの背景にも、ぼやけて作品たちが表示されるようになっています。
グリッドに合わせてレイアウトしていますが、文章を横書きから縦書きに変えたり、作品の写真をふわふわと浮いているようなアニメーションを使ったりすることで、画面全体に動きが出ています。
見出しと文章のジャンプ率を高くすることで、賑やかな印象のデザインになっています。

 - イベント系サイト, 写真で表現, 動きで表現 , , ,

  関連記事

背景いっぱいにパンの写真を使ったサイトがおいしそう!

敷島製パン「Pasco」のホームページです。 ファーストビューのスライダー写真の …

ファーストビューにイベントやフェアのバナーを設置して最新情報がすぐ分かる!沖縄のホテルのサイト

カトープレジャーグループが運営する沖縄県沖縄市にあるリゾートホテル「オキナワ グ …

フラットデザインを使った倉庫会社のサイトがシンプルでキレイ!

千葉県柏市にある常温・定温倉庫会社「新柏倉庫」のホームページです。 ロゴカラーを …

いちはらで開催しているアートイベントのサイトがシンプルでおしゃれ!

2017年4月8日の土曜日から5月14日の日曜日まで千葉県市原市で開催されている …

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

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

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …

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

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

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

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

様々なところにハイビスカスのイラストを置いて、ハワイアンの空気を演出したイベントサイトがかわいい!

2017年の4月29日(土曜日)から5月7日(日曜日)までお台場のヴィーナスフォ …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …