- ionic (アイオニック)
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13
- BRAUN(ブラウン)公式サイト|腕時計・クロック
- BRAUNのDieter Ramsさんは、もっと調べてみたいデザイナーの1人です。
-
https://br-time.jp/
2020-08-07 - detail
- Home Société | Contemporary Home & Outdoor Furniture
- トレンドのビッグタイポと横スクロールをうまく合わせています。
-
https://homesociete.ca/
2020-05-19 - detail
- Bornstein LyckeforsBornstein Lyckefors
- ヘッダーの表現が好みです。
-
https://bornsteinlyckefors.se/
2022-04-04 - detail
- 手火山家(てびやまや)河文伝承
- 自分ではやらないようなヘッダーレイアウトだったので参考になります。
-
https://tebiyamaya.com/
2020-07-17 - detail
- THIRD CO., LTD. | Branding Agency
- 成果物がユニークです。
-
https://third-design.jp/
2020-07-21 - detail
- REJ株式会社
- KVの動きが細かく、面白いです。
-
https://rej-inc.co.jp/
2020-05-18 - detail
- Garden Eight
- すべてのページに参考にしたい要素が詰まっています。
-
https://garden-eight.com/ja
2022-02-10 - detail
- Lucky Folks
- メニューを展開した時のアニメーションが面白いです。
-
https://www.luckyfolks.fr/
2021-01-08 - detail
- The Climate Pledge
- 全体の質感が素敵です。
-
https://www.theclimatepledge.com/
2021-02-16 - detail
- Voice of Racism
- 参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
-
https://voiceofracism.co.nz/
2020-08-25 - detail
- 新宿 北村写真機店
- 紙のレイアウトのようなFVが魅力的です。
-
https://www.kitamuracamera.jp/ja
2020-08-03 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
最近は、スクロールをすることでシーンが変わっていくデザインが多く見られるようになりました。
しかし、一部サイトではシーンが変わるまでに時間がかかり、正常に動いているのかわからないものもあります。
そういったイライラを解消するのに、今回のオブジェクトやスクロールバーの表示が必要だなと感じています。
特にスクロールバーがデザイン的に抵抗があるシーンでは、今回のオブジェクトが有効に感じます。
また、スクロールの逆回転にも対応しているところが良いです。