WebGallery

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

*

トップの部分だけでなく、色々な場所で背景に動画を使用する

   

名称未設定 1

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホームページです。

トップには、背景に動画を使用して開催準備の様子が流れるようになっています。また、大きい画面で表示するときにも画質の粗さが目立たないように黒い背景を動画の上に乗せています。また、中央に配置されたキャッチコピーの右側には開催概要のボタンがあるのですが、ボタンの内容を切り替えてYouTubeで動画を閲覧することも出来ます。このデザインはとても参考になります!

ページの下にスクロールするとメニュー部分のデザインがふわっと切り替わるのもいいですね!ドロップダウンの方向も上から下に切り替わっているので使いやすいですね。

さらに下にスクロールすると、交通アクセスや開催概要などのコンテンツが並んでいる部分があるのですが、そこでも動画を使用してかっこいいデザインになっています。写真だけでなく動画もたくさん取り入れることで、デザインも変わって面白いです

 - 動きで表現 , ,

Message

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

  関連記事

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

映像の切り替わるモーションが面白い!「TAO TAJIMA」さんのwebサイト

TANGRAM co. ltd.に所属する映像ディレクター「TAO TAJIMA …

アリのマークを用いて様々な仕掛けを作る

東京都にある株式会社「Alfanet(アルファネット)」のホームページです。 ま …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

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

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

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

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

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …