デザインの参考になる!最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
Post on:2018年11月22日
最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。
デザインのアイデアを探している時に、ブックマークしておくと便利ですね。


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

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

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

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

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

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

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

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

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

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

Capptivate.coで公開されていたコンテンツが、GitHubにアーカイブされました。
ダウンロードは、右上の「Download」から。.movの動画ファイルも一括でダウンロードできます。
最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
最後は、スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを解説した記事。
sponsors