UIデザインのアイデアを探す時にチェックしたいサイトのまとめ

Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。

さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見ているだけでワクワクするクリエイティブな刺激をもらえます。

UIデザインのアイデアがきっと見つかる!

写真: ぱくたそ

サイトのキャプチャ

Design Patterns on CodePen

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

サイトのキャプチャ

UI Movement

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

サイトのキャプチャ

Call to Idea

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

サイトのキャプチャ

lovely UI

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

サイトのキャプチャ

Pattern Top

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

サイトのキャプチャ

User Flow Patterns

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

サイトのキャプチャ

Material Up

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

サイトのキャプチャ

Inspired UI

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

サイトのキャプチャ

Use Your Interface

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

サイトのキャプチャ

UI.Parade

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

サイトのキャプチャ

Capptivate.co

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

サイトのキャプチャ

motions

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

サイトのキャプチャ

Little Big Details

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

top of page

©2017 coliss