WebGallery

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

*

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

      2016/03/23

名称未設定 2

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

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

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

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

 - 形で表現 ,

Message

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

  関連記事

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

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

少し変わったメニュー表

大阪府にある美容院「bon hair」のホームページです。トップページの情報量が …

色ではなく動きを使ってコンテンツを目立たせたIT企業のサイトがカッコいい!

福岡県福岡市に本社をかまえる「株式会社シフトセブンコンサルティング」のホームペー …

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

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

丸を駆使したデザイン

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

プロモーションビデオや特産品を配置し、市の魅力を視覚的に伝える

9月10日にオープンした石垣市のふるさと納税特設サイトです。トップページでは石垣 …

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

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

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

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

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

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

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

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