WebGallery

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

*

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

      2016/03/23

名称未設定 2

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

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

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

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

 - 形で表現 ,

Message

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

  関連記事

「卵」にこだわりぬいた「千鶏カステラ本舗」

長崎県雲仙市にある美味しい長崎カステラのお店「千鶏カステラ本舗」のホームページで …

パステルカラーのイラストをのせたり写真の切り取りを家の形にしたりと、遊び心が満載のサイト

神奈川県横須賀市にある撮影スタジオ「PRIVATE PHOTO STUDIO H …

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

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

ハロウィン感満載のデザインで、楽しそうな雰囲気

10月12日に千葉県の稲毛海浜公園で開催される「ハロウィンラン」のホームページで …

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

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

フラットデザインで新しい印象に

  東京都にある三田国際学園中学校・高等学校の公式ホームページです。幾 …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

模様を不規則にしてタイルを表現する

愛知県名古屋市にあるタイルの製造・販売を行っている「KYタイル株式会社」のホーム …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

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

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