WebGallery

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

*

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

   

名称未設定 1

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

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

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

Message

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

  関連記事

京都の魅力がギュッとつまった観光情報配信サイト

株式会社ユニオンネットが運営する、京都のおすすめ観光スポットを掲載している「KY …

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

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

東京にあるスーツのオーダーメイド専門店のサイトが高級感があってカッコいい!

オーダーメイド専門店「俺のTailor」のホームページです。 ファーストビューの …

少し変わったメニュー表

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

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

ファーストビューのスライダーに色とりどりの大藤の写真を使って、インパクトのあるフラワーパーク

栃木県足利市のあしかがフラワーパークで開催されている「ふじのはな物語 大藤まつり …

浜松市にある工務店のサイトが、シンプルなデザインだけど可愛い!

静岡県浜松市にある工務店「株式会社 澄美家(すみか)」のホームページです。 ロゴ …

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

京都府京都市にある「北野天満宮」のホームページです。 綺麗な青空で撮影された北野 …

文字間や行間をあけて見た目をすっきりさせることで、文章を読みやすくする

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。 写真を多様に使い、 …

奥行き感がクセになる「ESPALMADOR MARISQUERIA」

宮城県仙台市の「S-PAL仙台」内にあるシーフードレストラン「ESPALMADO …