WebGallery

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

*

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

   

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

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

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

Message

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

  関連記事

石川県にある道の駅のサイトがシンプルでおしゃれ!

石川県羽咋市にある道の駅「いい道の駅 のと千里浜」のホームページです。 ファース …

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

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

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

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

コンテンツごとに様々な動きをつけたデザイン

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。 大きく表示される道の駅 …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

商品の紹介を最小限に抑え、写真を大きく見せることでスマートフォンからでも見やすくする

コーヒー機器製造メーカー「Kalita」のホームページです。 上部に固定されてい …

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

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