WebGallery

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

*

動きや写真で伝統や歴史の重さを表現する

   

名称未設定 1開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写真と蛍の光、そして薄く配置された家紋がとても幻想的な雰囲気を演出しています。余白とロゴに合わせた明朝体を組み合わせ、背景のテクスチャや色合いが伝統や歴史を感じるデザインです。スマートフォンで閲覧するとグローバルナビもこだわっており、タップすると表示にも動きがあります。そしてこのページのhtmlのソースコードも凄い!です

トップやサブページのタイトル部分には背景にyoutubeを使用した映像を流すことで、どんなコンテンツか一目で分かるように工夫されています。地図のページではアイコンに高野山のゆるキャラ「こうやくん」が配置されていたり、山内マップではマウスホバーすると拡大して閲覧することもできます。写真にも枠からはみ出すことで動きがあるように感じられ、見て楽しめる、知ることが出来るデザインだと感じました。

 - 写真で表現, 動きで表現

Message

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

  関連記事

写真をたくさん使って会場の様子を伝えているイベントサイト

東京都千代田区にある東京国際フォーラムで開催される舞曲の祭典「ラ・フォル・ジュル …

居酒屋のメニューやビールの写真を大胆に使ったレイアウトがおしゃれで綺麗!

東京都町田市・神田市・立川市に店舗を構える居酒屋「我が家」のホームページです。 …

新宿・池袋にあるネイルサロンのサイトが可愛くておしゃれ!

東京都新宿区・池袋にお店を構えるネイルサロン「Annabel Lee」のホームペ …

熊本にある法律事務所のサイトが、写真を使ったデザインでシンプルでかっこいい!

熊本県熊本市にある法律事務所「弁護士法人 東法律事務所」のホームページです。 フ …

キャッチコピーで興味を持たせ、写真でイメージを補完しているホテル

神奈川県鎌倉市にあるホテル「鎌倉パークホテル」のホームページです。 ファーストビ …

スマートフォンから閲覧しても縦書きのまま表示されるグローバルナビ

青森県にある「八戸酒類株式会社」のホームページです。 昭和19年に創立された歴史 …

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

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

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …

重要なボタンは2箇所に配置したり上部に固定したりして、すぐ目に付くようにする

福岡県にあるファインライフ・カンパニー株式会社のホームページです。 上部に会社の …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …