WebGallery

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

*

宇宙空間を表現するために、画面下から上に泡を出したりイラストをふわふわ浮かせたりしたイベントサイト

   

2017年3月9日の木曜日から6月28日まで、東京ドームシティで開催している「TeNQ第9回企画展 THE JOURNEY TO EUROPA 木星の月・エウロパへの旅」の特設サイトです。

ファーストビューのイラストがとても印象的なサイトです。
ふわふわと上下に浮くクラゲや宇宙飛行士のイラスト、下から浮いてくる気泡のイラストなど動きを使って浮遊感を表現しています。

スクロールするとコンテンツがゆっくりと表示されるようになっており、自分が不思議な空間に迷い込んだような感覚になります。
また、色々な大きさのクラゲや宇宙飛行士がたくさんの場所に配置されています。大きいものはぼかして奥行きをつけていて、画面に表示されたときに思わずドキッとしてしまいます(笑)
スクロールに合わせて上下にふわふわ動くのも面白いです!

 - 絵で表現 , ,

  関連記事

手描きのイラストで柔らかな雰囲気を出しつつ、ロゴやボタンの配置でカチッとした印象も受ける「カラダとメガネの研究所」

「J!NS」が運営する「カラダとメガネの研究所」のホームページです。 ファースト …

可愛らしいイラストを使って楽しそうな雰囲気が伝わってくる観光情報サイト

福岡県八女市にある公園「星のふるさと公園 星野村観光情報」のホームページです。 …

ロゴが映えるよう、色合いを抑えた京阪東ローズタウン

京都府京田辺市にある「京阪東ローズタウン」のホームページです。 タイトルやメニュ …

動き・見た目・使いやすさよし!なデザインの教育コンサルタント屋さん

東京都多摩市にある教育コンサルタント「コンボスリープラス(COMBO3PLUS) …

コンテンツを1つ1つ大きくして見やすくする

  新潟にあるホテルのホームページです。コンテンツブロックの1つ1つが …

豊かな自然が生み出す食と農のふれあい「もぐもぐ会議」

北海道のホクレン農業協同組合連合会(ホクレン)が運営する「くるるの杜」の新しい活 …

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

思わず眠くなってくる?雰囲気の絵本

子育て中のパパママたちの間で密かに話題になっていた絵本「おやすみ、ロジャー」の特 …

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

スクロールなどの動作を遅くすることで、より細部まで目がいくようにする

株式会社アブ・アウトが経営する北海道旭川発祥「らーめん山頭火」のホームページです …