WebGallery

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

*

海の中にいるような幻想的なデザイン

   

名称未設定 2

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」のホームページです。

左側に建物の写真とタイトル、右側にスライダーや営業時間などが書かれたブロックがあります。ホームページを訪問した時に、1番初めに見れるように営業時間やチケット購入の待ち時間が大きく掲載してあるのは良いですね!

左側のタイトル部分は、上部の波線や青と水色のグラデーション、四角形がふわふわ浮いていたりと、まるで海の中に建物があるような幻想的なデザインになっています。

サイトのデザインを壊さないようにスクロールバーを表示させず、スライダーのように下に移動する仕組みも素敵です。ライブラリーの部分では、画面の大きさによって表示させる数を1行にしたり2行にしたりとユーザーに合わせてデザインされています。

 - 動きで表現 , ,

Message

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

  関連記事

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

まるで本当の雑誌を読んでいるかのようなレイアウト

クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容 …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

遠近感のあるサイト

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

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

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。 大きく表示される道の駅 …

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

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

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

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

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

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …