WebGallery

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

*

動きのあるグローバルナビでサイトの雰囲気を暖かくする

   

名称未設定 1

秋田市にある写真館「岩田写真館」のホームページです。このサイトは何といってもグローバルナビの凄さです。マウスをホバーさせると1つ1つのボタンに、さらに浮かび上がるようにコンテンツが出てくるという動きがあり、しかも大きさや丸の位置などが全て違うといったこだわりよう。PCサイトでしか表示されないのですがそれにしても凄いです。右側にあるボタンもスクロールするたびにあとを追うようにデザインされてあり、交通アクセスや料金、衣装のカタログなど重要な情報がすぐに分かるようになっています。

キャッチの部分も、ただ写真を掲載するのではなく、左右に植物の背景を入れて華やかさを演出したり、証明写真の時には落ち着いた色合いの背景にしたりと写真に合わせて背景を変えるだけで写真の印象もまた違ったものになり、目線もそこに集中します。こういった背景を少し変えたりする所は参考にしたいと思いました。

 - 動きで表現

Message

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

  関連記事

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

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

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

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

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

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …

【閲覧注意!】池袋で開催される「もうどく展2」のサイトが思った以上に毒々しい!!

2017年3月16日の木曜日から6月25日の日曜日までサンシャイン水族館で開催さ …