使いやすい、楽しいサイトにはディテールにこだわりがある!Web制作の勉強になるデザインやインタラクションのまとめ
Post on:2016年7月12日
Web制作で一番の勉強は、多くのサイトを見ること。
有名サイトの使いやすく、そしてユーザーを楽しませるデザインやインタラクションのディテールをまとめているサイトを紹介します。

まとめられている中からいくつかピックアップしてみました。
サイトではこれらを動画で楽しむことができます。

Neubible
キャプチャはアプリの起動画面。

Shorts
キャプチャはログイン画面。

Instagram
キャプチャはメニューバー。

Tumblr
キャプチャはスクロールのポジション。

Android Lollipop
キャプチャはマルチタスクのスクロールエフェクト。

Pinterest
キャプチャはプル リフレッシュ。

Google Search
キャプチャはスクロール中のエフェクト。

Secret
キャプチャはリンク時のエフェクト。

Path
キャプチャはプロフィール画面のエフェクト。

Flickr
コメントに遷移する時のエフェクト。
sponsors