デザインの参考になる!最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ

最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。

デザインのアイデアを探している時に、ブックマークしておくと便利ですね。

最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説

サイトのキャプチャ

Mobbin

150種類以上のiOSアプリ、8,000パターンのUIがまとめられたギャラリー。一つのアプリで、さまざまなUIが収録されているので、非常に便利です。スクリーンはiPhone X対応で、気に入ったアイデアは保存することもできます(要サインアップ)。

サイトのキャプチャ

Mobile Patterns

iOSアプリのさまざまなUIがまとめられたギャラリー。操作などのインタラクションはアニメーションで楽しめ、アプリを縦断して、コンポーネント別・ナビゲーション別・アクション別といったカテゴリで参照することもできます。

サイトのキャプチャ

App Animations

名の通り、アプリのアニメーションに特化されたギャラリー。パターンではナビゲーション・ボタン・ローディング・スワイプで見ることができ、スタイルではフリップ・ピンチ・スライドなど各アプリを縦断して表示できます。

サイトのキャプチャ

Mobile Design Inspiration

iPhone, Android, iPad, Apple WatchのUI、インタラクションがまとめられたギャラリー。

サイトのキャプチャ

Appealing

モバイルUI用のアニメーションがまとめられたギャラリー。動画表示に対応しており、ページ遷移やインタラクションなどを楽しむことができます。

サイトのキャプチャ

UI Movement

スマホをはじめ、デスクトップまで、秀逸なUIがまとめられたギャラリー。記事の見せ方、コメントでのインタラクション、ボタンアクションなど、見ているだけで楽しめます。

サイトのキャプチャ

Principle

macOSアプリ「Principle」のギャラリー。アニメーションやインタラクション、マルチプルスクリーンなど、操作が楽しいUIがまとめられています。もちろん、Principleで実装可能です。

サイトのキャプチャ

pttrns

iPhone, iPad, Apple Watch, AndroidのUIがまとまられたギャラリー。カテゴリが非常に豊富で、よくまとめられていて便利です。最近のものだけでなく、古いもの、2012年とかもあるので、懐かしさを感じます。

サイトのキャプチャ

Inpired UI

iPhone, iPad, AndroidのUIがまとめられたギャラリー。豊富なカテゴリとデバイスごとにまとめられています。

サイトのキャプチャ

Media Queries

スマホ、タブレット、デスクトップ、ワイドスクリーン、デバイスごとにどのように表示されるかがまとめられたギャラリー。

サイトのキャプチャ

Capptivate.co -GitHub

Capptivate.coで公開されていたコンテンツが、GitHubにアーカイブされました。
ダウンロードは、右上の「Download」から。.movの動画ファイルも一括でダウンロードできます。

最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説

最後は、スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを解説した記事。

sponsors

top of page

©2018 coliss