WebGallery

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

*

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

   

名称未設定 1

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

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

 - 動きで表現

Message

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

  関連記事

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …

まるで本当の雑誌を読んでいるかのようなレイアウト

クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容 …

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

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

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

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

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …

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

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

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

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