WebGallery

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

*

見出しにアニメーションをつけてインパクトを出す

   

名称未設定 1

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させる形と、縦組みで書かれた文字はとても躍動感があります。様々なところに不規則に配置された写真や文字は、一枚の大きなポスターを見ている気になります。下に行くと中央に見出しの文章、左右に最新情報や釣果情報なども掲載され、あまり見ることのないレイアウトなのでとても新鮮なデザインだと感じました。

1番注目したのは、サブページのタイトル部分です。背景をムービーにしたデザインはよく見るのですが、アニメーションを使って見出しを表示するのはあまり見ないので純粋に凄いと思いました。また、マリーナ情報のページでは、ほかのページとは違って写真を背景にブロックごとに分けられたレイアウトになっているので、こういったところを参考にしたいと思いました。

 - 写真で表現, 形で表現 ,

Message

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

  関連記事

野菜を全面にアピールしたサイト

  長野県にある食品製造会社のホームページです。トップにキャッチを配置 …

サイトの配色だけでなく、写真の色合いも青系にしてガラス瓶の透明感を出している「びんむすめ」のサイト

日本ガラスびん協会が運営する「びんむすめ」のプロジェクトキャンペーンサイトです。 …

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

サイト全体の色味を抑えることで、まとまった印象を受けるイベントサイト

2016年10月22日から2017年4月9日まで神奈川県の相模原市にある「さがみ …

東京都にある不動産会社が間取り図まで掲載していて物件情報が分かりやすい!

東京都板橋区にある不動産会社「株式会社アルコ」のホームページです。 白・グレー・ …

5時間以上かけて炉窯で焼きあげる

東京都渋谷区にある薪焼きレストラン「炉窯ステーキ 煉瓦」のホームページです。 ト …

群馬県にある眼科のサイトが、様々なレイアウトでデザインされててカッコいい!

群馬県高崎市にある眼科「だるま眼科」のホームページです。 トップページのレイアウ …

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

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

受験生の保護者にとっても見やすい構成

日本女子大学の受験生向け特設サイトです。 女性らしくパステルピンクを基調とした、 …

まるで、真上から教習所を見たようなファーストビュー

東京都練馬区にある教習所「大泉自動車教習所」のホームページです。 左側に固定でメ …