Screenshot of www.ionic.co.jp
ionic (アイオニック)
画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
https://www.ionic.co.jp/ionic/
2020-08-13

美容 のデザイン参考サイト
「 ionic (アイオニック) 」

ionic (アイオニック)
画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
https://www.ionic.co.jp/ionic/
2020-08-13

最近は、スクロールをすることでシーンが変わっていくデザインが多く見られるようになりました。
しかし、一部サイトではシーンが変わるまでに時間がかかり、正常に動いているのかわからないものもあります。
そういったイライラを解消するのに、今回のオブジェクトやスクロールバーの表示が必要だなと感じています。
特にスクロールバーがデザイン的に抵抗があるシーンでは、今回のオブジェクトが有効に感じます。
また、スクロールの逆回転にも対応しているところが良いです。

back
Screenshot of at-home.club
At Home
全てのページを開閉式のようにみせるレイアウトが流行っているのかもしれないです。
https://at-home.club/
2020-08-11
detail
Screenshot of www.ranaextractive.com
RaNa extractive, inc.
細かいところまで作り込まれています。
https://www.ranaextractive.com/
2020-12-03
detail
Screenshot of extraset.ch
Extraset | Independent Swiss Type Foundry
大胆すぎるタイポグラフィーです。
https://extraset.ch/
2020-08-03
detail
Screenshot of www.moooi.com
Moooi
コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
https://www.moooi.com/en/a-life-extraordinary
2020-05-22
detail
Screenshot of shutdown.gallery
SHUTDOWN.gallery
webサイトとは思えないほどのリアリティです。
https://shutdown.gallery/
2020-05-14
detail
Screenshot of newview.design
NEWVIEW
この騒がしさが今の気分です。
https://newview.design/
2020-08-21
detail
Screenshot of www.azusasekkei.co.jp
建築に、温度を。|梓設計
KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
https://www.azusasekkei.co.jp/
2020-05-13
detail
Screenshot of propellertokyo.jp
Propeller & Co.
ABOUTページのliの組み方が素敵です。
https://propellertokyo.jp/
2020-09-09
detail
Screenshot of kutanism.com
KUTANism 石川県小松市・能美市 産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of experience.covermymeds.com
CoverMyMeds Careers
TOPページ「Our community」部分の視差効果が不思議です。
https://experience.covermymeds.com/
2020-06-08
detail
Screenshot of www.jonasreymondin.com
Jonas Reymondin – UX/UI Designer + Front-end Developer
グリッドでレイアウトする際の参考にクリップしています。
https://www.jonasreymondin.com/
2020-06-04
detail
Screenshot of nara-iff.jp
なら国際映画祭2020
最近、ナビゲーションに記事数を表示するサイトが増えているように感じます。
https://nara-iff.jp/2020/
2020-10-09
detail

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。