WebGallery

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

*

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

   

名称未設定 1

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

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

 - 動きで表現

Message

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

  関連記事

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

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

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

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

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

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

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

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

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

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

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

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

ファーストビューに動画を取り入れた神社・お寺のサイト5選

数年前から背景に動画を使用したデザインをよく目にするようになりました。 動画を効 …

簡単に起業できちゃいそうな会社設立サポート屋さん

東京都渋谷区にある会社設立の手助けをしてくれる「GAGEEN」のホームページです …