UIデザインのアイデアを探す時にチェックしたいサイトのまとめ
Post on:2015年10月19日
Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。
さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見ているだけでワクワクするクリエイティブな刺激をもらえます。

写真: ぱくたそ

最近のUIデザインに使用されているさまざまなコンポーネントのデザインや実装方法がまとめられたCodePenのページ。

Dribbbleアートワークの中から優れたUIデザインをコレクションしているサイト。

ページのレイアウトやコンポーネントなど、Webデザインのアイデアがまとめられています。

スマホで新鮮なアイデアを得るならココがオススメ。ラブリーなUIがたくさん揃っています。

PatternTapの一番の魅力はソート機能。上部の「Style」「Type」「Color」「Device」から、それぞれのテーマに沿ったUIエレメントを探すことができます。

スマホでのユーザーのさまざまなインタラクションをアニメーションで楽しめます。

Material DesignのインスピレーションがもらえるWebサイトやアプリ、コンセプト、イラストなどのギャラリー。

スマホのUIをまとめているサイトで、クール系のデザインが多いです。

UIを楽しませるさまざまなアニメーションがまとめられています。

Dribbbleのアートワークがカテゴリごとにまとめられており、関連したUIデザインも次々に見ることができます。

iOSアプリのUIのアニメーションを種類ごとにパターンやコンポーネント別にまとめられています。そのアニメーションにあうUIコンポーネント、といった探し方もできます。

とにかく気持ちいい動きのアニメーションをコレクションしているサイト。

実際のサイトやアプリで使用されているUIの細かいけど、非常に大きな価値があるものを紹介するサイト。
sponsors