使いやすい、楽しいサイトにはディテールにこだわりがある!Web制作の勉強になるデザインやインタラクションのまとめ
Post on:2016年7月12日
Web制作で一番の勉強は、多くのサイトを見ること。
有名サイトの使いやすく、そしてユーザーを楽しませるデザインやインタラクションのディテールをまとめているサイトを紹介します。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071201.png)
まとめられている中からいくつかピックアップしてみました。
サイトではこれらを動画で楽しむことができます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-01.png)
Neubible
キャプチャはアプリの起動画面。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-02.png)
Shorts
キャプチャはログイン画面。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-03.png)
Instagram
キャプチャはメニューバー。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-04.png)
Tumblr
キャプチャはスクロールのポジション。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-05.png)
Android Lollipop
キャプチャはマルチタスクのスクロールエフェクト。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-06.png)
Pinterest
キャプチャはプル リフレッシュ。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-07.png)
Google Search
キャプチャはスクロール中のエフェクト。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-08.png)
Secret
キャプチャはリンク時のエフェクト。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-09.png)
Path
キャプチャはプロフィール画面のエフェクト。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201603/2016071202-10.png)
Flickr
コメントに遷移する時のエフェクト。
sponsors