ファーストビューは画面を左右に2分割して中央に美術館のロゴを配置したレイアウトで、画面左に建物外観の切り抜き写真が常に固定されており、右側はランダムに並べた写真が下から上にスクロールしていく構成になっています。画面幅をいっぱいに使った自由なレイアウトで、クラシカルな明朝体と英語フォントで大きく書かれたキャッチコピーが目を引き、ゴージャスな印象を与えます。コンテンツは画面スクロールとともに下からゆっくりせり上がるモーションが施されており、時間差で変化する背景色と合わせて穏やかな空気感を演出しています。
執筆者
カテゴリ
基本情報
美術館に関連するデザイン
-
「ずかんミュージアム銀座」のホームページデザイン解説画面いっぱいに表示されたムービーの上に植物のシルエットとロゴを重ねたファーストビューで、ダークブルーの色使いにホワイトのロゴを重ねることでコントラストを生み出しています。ポリゴンモザイクのバックでデジタル感を出し、手書き風のロゴとイラストで...
-
「軍艦島デジタルミュージアム」のホームページデザイン解説画面いっぱいに広がるスライドショーの上にデータネットワーク風のアニメーションが重ねられたアナログ感とデジタルのイメージをうまく融合させたファーストビューです。フルスクリーンのレイアウトはコンテンツのサムネイルがカルーセルですべてまとめられて...
-
「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
ベージュを使ったデザイン
-
「株式会社りぶはあと」のホームページデザイン解説ぬいぐるみを多く取り入れたインテリアの写真と、メニューの下に配置されたぬいぐるみの寝そべる姿が可愛らしい印象をまず与えます。淡いベージュとブラウンを中心としたナチュラルな色使いで、スタンプ風のタイトルやサムネイルの手書き風のフォント、淡い水...
-
「フォトスタジオKOWA_studio clamp」のホームページデザイン解説メインビジュアルは油絵風のテクスチャの上に家族や乳幼児の写真をまとめたスライドショーを配置し、写真館の名前とキャッチコピーをずらして重ねたレイアウトです。淡いベージュをメインカラーに、写真の色味もサイトの色味にマッチするようレタッチして、柔...
-
「アーネスト株式会社_apod」のホームページデザイン解説メインビジュアルのキャンプの写真はテントを右に寄せて空と地面の空間を大きく取り、その上にアナログ風にかすれさせたキャッチコピーをずらして配置しています。シンプルな1カラムのレイアウトですが、製品紹介やインスタグラムのサムネイル等の両サイドに...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
