Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Others

水族館のホームページ紹介

 

このページでは、サイト制作の参考になるような水族館のホームページを、独断と偏見で選んでご紹介していきたいと思います。

うみがたり

うみがたりうみがたり公式サイト

近年オープンした新潟県上越市にある水族館です。
テーマカラーの一つに夕焼けをイメージしたとされる明るい色を使用し、水族館らしさがありながらもポップな印象となっています。

琵琶湖博物館

琵琶湖博物館琵琶湖博物館公式サイト

こちらは博物館内に水族館が設けられている施設のホームページで、トップページを進むとグリッドを無視したかのような構成が見られ、ワクワク感が感じられます。
水族館の紹介ページは写真とスタッフの方のコメントでフロアと場内展示の様子がわかりやすく伝わるような構成となっています。

名古屋水族館

名古屋水族館名古屋水族館公式サイト

名古屋らしい華やかなファーストビューのホームページです。スクロールすると下部にあるヘッダーが上部に固定されるギミックが印象的です。シンプルな構成ながらも、どこか華やかなサイトとなっています。

沖縄美ら海水族館

沖縄美ら海水族館沖縄美ら海水族館公式サイト

言わずと知れた沖縄にある世界最大級の水族館。そのホームページはカラフルでありながらも見辛くはなく、フロアマップや最新情報、調査研究に関するページまでも網羅されています。
また生き物図鑑ページはヴィジュアル豊富で、どの生物が希少種なのか、世界初展示なのかといった情報が、受け取りやすく表示されるようになっています。

モントレーベイ水族館(アメリカ)

モントレーベイ水族館モントレーベイ水族館公式サイト

カリフォルニア州にある水族館のホームページで、スクロールしていく毎に変化する画像や動画が楽しませてくれます。
訪問や水族館の生き物に関するページと並んで、環境活動や教育に関するページがナビゲーションメニューに含まれている点が、日本との差異を思わせてくれます。
2022年4月には、新たに深海生物の展示コーナーがオープンするとのことです。

ラ・ロシェル水族館(フランス)

ラ・ロシェル水族館ラ・ロシェル水族館公式サイト

フランスにあるラ・ロシェル水族館のホームページは通常思い浮かべるであろう水族館のイメージとは異なり、非常にダークな色合いで統一されています。

リヨン水族館(フランス)

リヨン水族館リヨン水族館公式サイト

トップページは驚きのスクロールなし!背景目いっぱいに広がる生き物の動画が色鮮やかながらも、非常にコンパクトに作られています。

サンマロ水族館(フランス)

サンマロ水族館サンマロ水族館公式サイト

ファーストビューに水族館の生き物の動画を使用しており、臨場感あふれるトップビューとなっています。

ニューカレドニア・ラグーン水族館(ニューカレドニア)

ニューカレドニア・ラグーン水族館ニューカレドニア・ラグーン水族館公式サイト

南太平洋に位置するニューカレドニア島にあるこの水族館のサイトは、観光地を思わせる色使いや写真、またスクロールとともに表示されるアニメーションによって、美しく彩られています。

サンセバスチャン水族館(スペイン)

サンセバスチャン水族館サンセバスチャン水族館公式サイト

フランスとの国境にほど近いこの水族館のサイトは、非常に落ち着いた色で統一されており、高級感が感じられるサイトとなっています。

以上、水族館のホームページを紹介させていただきました。このページをご覧になられた方のwebページ制作の参考、もしくは暇つぶしになったら幸いです。

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. 黄色いバラの花

    Others

    適正露出の写真を撮る・後編(EV値とカメラの設定)

    EV値(露出量)と、絞り・シャッタースピード・ISO感度の関係前回…

  2. キーマカレー

    Others

    ホワイトバランスを設定して良い色合いの写真を撮る

    ホワイトバランスとは?カメラで撮影した時に、白熱電球の下で撮る…

  3. 雪の結晶完成例

    Illustrator

    もうすぐ冬本番!Illustratorで雪の結晶を作ろう

    今年もあとわずか。日々寒くなってきましたね。これからの時期、広告媒…

  4. Mac

    Macで簡単にスクリーンショットを撮ろう!フリーソフト「Captur」の使い方

    こちらの記事でご紹介した「Captur」のサイトは2018/8/2現在…

  5. Others

    【デザイン】おしゃれなデザインのトレンド3選

    Hola!(こんにちは!)ファッションと同じように、デザインも…

  6. Illustrator

    【挑戦】ペンツールの練習 1分間であなたはできる?

    ペンツールを使って、完成できますか?挑戦してみてください!3つ…

人気の記事

おすすめの参考書

PAGE TOP