WebGallery

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

*

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

      2016/03/23

名称未設定 2

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

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

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

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

 - 形で表現 ,

Message

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

  関連記事

「交通アクセス」のボタンを右上に配置することで、観光客にも優しいデザインに

佐賀県鹿児島市にある「祐徳稲荷神社」のホームページです。 ロゴマークの赤い色と白 …

ロゴマークと同じ形をしたメニューとキャッチ画像

東京都武蔵野市吉祥寺にある動物病院「ひだまり動物病院 吉祥寺」のホームページです …

シンプルだからこそ細かいところまで気配りされたデザインのサイトがおしゃれ!

2011年有志によって設立された「ててて協働組合」のホームページです。 ファース …

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

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

難しい話題でも、イラストや箇条書きでまとめ分かりやすく伝える

  「ミズベリング」という水辺を使って街づくりをするという企画の元集ま …

丸を駆使したデザイン

  全体のオブジェクトが丸いサイトです。写真やロゴマークの背景のお皿、 …

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

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

家の形に切り取られたスライダー

千葉県市原市にある「株式会社 藍舎」のホームページです。 トップのスライダーを家 …

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

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

1つ1つのボタンを大きく配置することで、見やすく押しやすいレイアウトに

北海道札幌市にある幼稚園「幸明幼稚園」のホームページです。 全体的に原色に近い色 …