WebGallery

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

*

光の空間をイメージさせるアニメーションを使ったイベントサイト

      2016/12/29

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

「ハーモニアスひかりアベニュー」を東京・行幸通りで2016年12月24日から12月28日まで、「映画「君の名は。」コラボレーションひかりメッセージツリー」を東京・丸の内エリアで2016年12月16日から12月28日まで開催している「東京ミチテラス 2016」の公式ホームページです。

「光の空間」を表現するために、背景にゆっくりと色が変わるアニメーションを使用して幻想的な雰囲気を演出しています。
写真を際立たせるために、文章やグローバルメニューは白黒で構成されています。
文字を黒くすることで、文字のサイズが小さめでも際立って見えるように工夫されています。行間にゆとりを持たせているのも見やすさを工夫したデザインになっています。

東京ミチテラスに訪れた人たちの写真を掲載できるようになっていて、色んな色の光の空間を見ることができます。
自分が光の空間に訪れたような臨場感のある写真もたくさん掲載されていて、とても面白いです!

 - イベント系サイト, 色で表現 , ,

  関連記事

コンテンツいっぱいに写真を配置する

「放課後等デイサービス」というハッピーテラス株式会社が運営するサービスです。ロゴ …

背景に薄くイラストを載せる

植物ブランド「花園樹斎」のホームページです。2016年1月に、植物ブランドとして …

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …

パンやスイーツの種類を見やすくカテゴリで分ける

北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。 お店 …

ロゴが強調されるデザイン

  たまがわ花火大会の公式サイトです。トップに写真を大きく使い、花火の …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

クリスタルの反射で写し出されたような写真がとても綺麗な、東急グループ×ディズニーのコラボサイト

東急グループとディズニーのブランド4つがコラボレーションして、2016年11月1 …

制作現場のムービーを流すことで、伝統工芸品の魅力をアピールする

愛知県名古屋市にある染め物屋さん「まり木綿」のホームページです。 木綿の柄のふわ …

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …