galleryやworksがあるサイトを集めました【第2弾】

第2弾です!

galleryやworksのページがあるサイトを集めてみました。

自分の備忘録のようなものです。

 

動きのある見せ方

ギャラリーというわけでは無いのですが、要素の見せ方がよかったです。

シンプルですが、動きがあって見応えあります。

様々な角度と動きのある四角で変化のある見せ方。

白と黒でまとめ、色は写真で表現しています。

visit site:https://creative.squarespace.com/

 

 

サイト全体の雰囲気が素敵

サイトの全体の雰囲気が素敵なので、秀逸なシンプルさが際立ちます。

visit site:https://isai-inc.co.jp/works

 

 

フォトギャラリー

横のサイズを綺麗に揃え、横でも縦でも綺麗に1行ずつ並んでいます。

こういった方法なら、サイズ違いでも綺麗に見ることができますね。

visit site:https://www.wasoumaedori.com/gallery/

 

グリッドをアニメーションで見せる

規則正しい形を、アニメーションで見せるデザイン。

visit site:https://tokyo-voice.jp/articles/

 

 

ポップデザイン

ギャラリーは関係ないですが、ポップなデザインのメモ。

こんな風に背景が動くのは良いですね。ポップさに良い効果をもたらしています。

ドラちゃんがかわいい。

visit site:https://www.felissimo.co.jp/doraemon/

 

 

商品を魅せるページ

商品を魅せるが目的であるというのが伝わるデザイン。

商品の撮影方法が一貫されているのがとても良いです。

visit site:https://arts-science.com/collection/basic-2/

 

 

おしゃれ…!

おフランスのwebサイトになります。

この大きな文字のタイトルにマウスを当てると、靴の写真が出現します。

それぞれの名前で、写真の構成に変化があり工夫がなされていて良いです。

headerやfooterに区切りの無いデザインでした。こういう形もありなんですね。

ある要素にくると、背景の色がふわっと切り替わるエフェクトがあり、こちらも参考になります。

visit site:https://www.marieweber.fr/

 

 


 

【第3弾】に続く!