使いやすい、楽しいサイトにはディテールにこだわりがある!Web制作の勉強になるデザインやインタラクションのまとめ

Web制作で一番の勉強は、多くのサイトを見ること。
有名サイトの使いやすく、そしてユーザーを楽しませるデザインやインタラクションのディテールをまとめているサイトを紹介します。

サイトのキャプチャ

Design Details

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

サイトのキャプチャ

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

top of page

©2017 coliss