WebGallery

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

*

「富山の上質な暮らし」を体感できる情報発信拠点

   

名称未設定 1

6月に東京都中央区日本橋にグランドオープンした「日本橋とやま館」のホームページです。

トップページのスライダーが、画面右側に小さめの画像・背景に大きめのぼかした画像を使用しています。こうすることで画像のサイズが小さくても大きい写真を見ているような感覚になります。写真1枚1枚も色の濃いものを使うことで、左側のキャッチフレーズが際立っています。
サイトの上部に固定されているメニューもロゴの金色のカラーに合わせて、カラフルだけど彩度を少し落として落ち着いた色合いで構成されています。画面中央ではなく右側にメニューを寄せることで、画面幅が小さいパソコンから見てもロゴに重なってしまうことがないよう工夫されています。
ロゴもメニュー欄の高さから、あえて外に飛び出すことでインパクトがあります。下にグレーの線を入れることで立体感も生まれています。

富山の魅力を日本橋で体験できる「日本橋とやま館」、お盆に旅行に行く人は参考にしてみても良いかもしれませんね?

 

 - 色で表現 , ,

  関連記事

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

紫女子部がプルーンの魅力を紹介!

カリフォルニアプルーン協会が手がけた「紫女子部 スタート記念 プルンプルーンキャ …

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

ドイツ国旗の配色を使ってデザインされたサイトがおしゃれ!

2017年4月28日(金)から5月7日(日)の期間、横浜赤レンガ倉庫で開催される …

シームレスな移動が癖になる!素敵なサイト3選

ページ移動や要素にアニメーションを使用しているサイトって、ジャンルを問わずずっと …

ピンクのグラデーションが綺麗!なサイト3選

数年前からWebデザインのトレンドとして様々な所で取り上げられていますが、背景に …

映画の雰囲気を大切にしたデザイン

2016年の9月1日から公開されている映画「グランドイリュージョン 見破られたト …