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 kaleidozdesign.com
Kaleidoz – Value Through Design
HOMEのキューブ型ナビゲーションが面白いです。
https://kaleidozdesign.com/
2020-09-11
detail
Screenshot of www.sennep.com
Sennep – Digital product studio
独特のイラストが好みです。
https://www.sennep.com/
2020-11-09
detail
Screenshot of botanistofficial.com
植物の生命力を肌へ|BOTANIST SKINCARE EVER
背景と画像のシャドーの関係性が良いです。
https://botanistofficial.com/special/skincare_ever/
2020-08-11
detail
Screenshot of www.wakabayashi.co.jp
京仏壇・京仏具・伝統工芸 若林佛具製作所
KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
https://www.wakabayashi.co.jp/
2020-06-15
detail
Screenshot of cuberto.com
Cuberto — Leading digital agency
featured projectsでの画像の見せ方が面白いです。
https://cuberto.com/
2020-09-03
detail
Screenshot of www.aquarium.ru
Aquarium’s Very Own Home Page
世界観と技術レベルが高いサイトです。
https://www.aquarium.ru/en
2020-07-13
detail
Screenshot of storywriter.tokyo
StoryWriter | ストリートを愛するカルチャー・マガジン
SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
https://storywriter.tokyo/
2020-06-24
detail
Screenshot of www.oniguili.jp
oniguili
レイアウトが素敵です。
https://www.oniguili.jp/
2021-05-07
detail
Screenshot of virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail
Screenshot of nara-iff.jp
なら国際映画祭2020
最近、ナビゲーションに記事数を表示するサイトが増えているように感じます。
https://nara-iff.jp/2020/
2020-10-09
detail
Screenshot of urakawashota.com
omote
2カラムが、新しいレイアウトのように感じました。
https://urakawashota.com/
2021-02-19
detail
Screenshot of www.kingjim.co.jp
「テプラ」PRO用アプリ「Hello」
画像の拡大表現が面白いです。
https://www.kingjim.co.jp/sp/hello/
2020-10-28
detail

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