R4

Webサービス レビュー * R4  

さまざまなUIトランジションを確認できるサイト「Meaningful Transitions」

2012年6月26日 Tag:App開発 Text by 上瀧

このエントリーをはてなブックマークに追加

iPhoneアプリなどのUIトランジションをアニメーションで確認できるサイト「Meaningful Transitions」のご紹介です。

ナビゲーションのCategoriesの中に分類されている6つのシチュエーションから、複数のトランジションパターンを見つけることができます。

各項目にマウスをあてると実際に動き出し、どのようなトランジションかを確認できます。

項目をクリックすると詳細画面が表示され、英語ですが、どのような場面で使うと効果的かなどの説明と、実際のアプリで使われているイメージが確認できます。

例えば、Twitterの純正アプリで使われているツイート更新時のトランジションは、Awakening Controlsカテゴリー内のSpring Refreshというものになります。

あのアプリのあの動きを伝えたいけれど、うまく伝えられなかったり、複数人で共有したいときなど、活用方法はいろいろありそうですね。

Webサイト:Meaningful Transitions
開発:Johannes Tonollo

Latest

Pickup

Category

koyomi

4db

Twitter