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 experiments.p5aholic.me
Web Graphic Experiments
技術も凄いしデザインも素敵です。
https://experiments.p5aholic.me/
2020-10-05
detail
Screenshot of www.oniguili.jp
oniguili
レイアウトが素敵です。
https://www.oniguili.jp/
2021-05-07
detail
Screenshot of www.artidaoud.com
ARTIDA OUD(アルティーダ ウード)
読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
https://www.artidaoud.com/
2020-06-08
detail
Screenshot of toridori.co.jp
toridori
落書きのような装飾が面白いです。
https://toridori.co.jp/
2021-01-06
detail
Screenshot of www.badass35.com
The Badass Project
ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
https://www.badass35.com/en/home
2020-05-28
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail
Screenshot of soles-gaufrette.com
SOLES GAUFRETTE | バターゴーフレット専門店
色や写真の使い方が海外サイトのようです。
https://soles-gaufrette.com/
2020-08-04
detail
Screenshot of snazzymaps.com
Snazzy Maps – Free Styles for Google Maps
googlemapのカスタマイズが一覧で表示されていて便利です。
https://snazzymaps.com/
2020-06-16
detail
Screenshot of umami-ware.com
Umami Ware
MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか?
https://umami-ware.com/
2020-06-29
detail
Screenshot of tsuchiya-inten.jp
土屋印店
商材の見せ方、コンテンツの整理方法がうまいと感じました。
https://tsuchiya-inten.jp/
2020-11-18
detail
Screenshot of store.tsigs.com
ゴルフウェア&ゴルフグッズ【ピージージー】
KVの写真の見せ方が面白いです。紙のルックブックを見ているようです。
https://store.tsigs.com/pgg/
2020-05-15
detail

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