WebGallery

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

*

まるで本当の雑誌を読んでいるかのようなレイアウト

      2015/08/27

名称未設定 1クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容が掲載されています。ページの下部にはビールの泡を表現したスクロールボタンが固定され、各コンテンツ毎に飛べる仕組みになっており、雑誌1ページ1ページをめくっているような気分になります。内容の見出しもそれぞれフォントや文字の大きさ、レイアウトを変えることで1枚1枚に動きがあり、それぞれの内容もビール好きなら知っておきたい情報が満載です。

また、1番下までスクロールすると背景が黄色で装飾されており、スクロールボタンと相まってビールに見えるのも工夫されていると感じました。似たようなデザインで、”ものづくりの話”のページに移動するとこちらも背景が黄色になっており、下にスクロールするたびにビールが減っていく感じですごく面白いです。

 - 動きで表現

Message

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

  関連記事

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

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

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

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

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

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

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

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

ファーストビューに動画を取り入れた神社・お寺のサイト5選

数年前から背景に動画を使用したデザインをよく目にするようになりました。 動画を効 …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …