WebGallery

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

*

色相を抑えて写真を強調させる

      2016/03/23

名称未設定 2

京都府京都市にある「北野天満宮」のホームページです。

綺麗な青空で撮影された北野天満宮が大きく表示されるトップページは、ずっと見ていたいくらいとても綺麗な写真です。建物に被らないように、ロゴやメニューなどが配置されていて良いですね!ある程度スクロールするとメニューが固定で表示されるようになっているのも素敵です。

そして、お知らせの下には神社の見どころや境内のご案内など様々な内容が配置されています。写真を使って視認性を向上させ、右側の文章で興味を持たせるという構図がとても参考になります。

別のページに移動すると、メニューの部分は常に固定になるだけでなく、その下に黒い背景で子メニューを表示しているのでページ数が多い場合でもすっきりまとまるデザインだと感じました。

 - 形で表現 ,

Message

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

  関連記事

ドロップダウンメニューに切り替わるグローバルナビ

群馬県にある料亭「一婦美」のホームページです。 赤と白をベースにしたデザインは、 …

ペット専用タクシーのサイトが、イラストを使ったデザインで可愛い!

東京・千葉県に営業所を構えるペット専用タクシー「東葛ペットタクシー」のホームペー …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

スマートフォン版では宿泊予約のボタンを1番大きくさせる

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

不思議な空間に迷い込んでしまったような「WONDERLAND」

表参道にあるSABONがクリスマスコレクションの「EXPLORING WONDE …

地元の人がすぐに投稿できるように設置されたポスト

ディスポート株式会社が運営する「遊ぶ」・「宿泊する」といった8つの視点から岐阜の …

中央に重要な情報をまとめて配置することで注目度を上げる

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。 キャッチの部分やグロ …

アーチ型に切り取られた写真で橋のように見せる

有限会社「月刊日本橋」が運営する東京日本橋の歴史や文化を紹介するサイト「東京 に …

女性雑誌を見ているかのようなレイアウト

  フィリピンの観光紹介特設サイトです。「失恋にフィリピンが効く。」と …

スライダーで様々な写真を掲載し、事業の内容を分かりやすく伝える

飲食店の経営やブライダル事業を行っている「株式会社 一家ダイニングプロジェクト」 …