WebGallery

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

*

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

   

名称未設定 2

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

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

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

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

 - 動きで表現 , ,

Message

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

  関連記事

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

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

常夏の色合いがステキな「潜水屋Ti-Da」

愛知県名古屋市にあるダイビングショップ・スクール「潜水屋(もぐりや)Ti-Da」 …

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …

ブロックボタンの見やすいサイト

写真やボタンをブロックにしてデザインしているサイトです。ブロックすべてがボタンに …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

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

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

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

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