モバイルアプリの操作性をより良く伝える、GIFアニメーション付UIデザインまとめ

 

アプリを購入する前に、機能や使い方ももちろんですが、どのような動きや操作感なのか確かめたい！と思ったことありませんか。UIデザインにGIFアニメーションを加えることで、イメージ画像では伝わらない、新しくてインタラクティブな、プレゼンテーションの形を体感してみましょう。

 

 

海外デザインブログLine 25で、モバイルアプリにおけるUIデザインの操作性をより分かりやすく表現した、ユニークなGIFアニメーションをまとめたエントリー「25 Creative Uses of Animated GIFs to Present UI Design」が公開されていたので、今回はこちらを中心に、見ているだけでも面白いUIデザインをまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

モバイルアプリの操作性をより良く伝える、GIFアニメーション付UIデザインまとめ

 

Gif Animation

 

 

Speedcam App Animation

 

 

Designer Screen GIF Animation

 

 

Loading Animation

 

 

Push Animation

 

 

Curl Animation

 

 

Profile Animation

 

 

Abracadabra App

 

 

Weather Rebound Gif

 

 

Weather App

 

 

Animated Sliding Tab Bar

 

 

First Shot

 

 

Fold Effect

 

 

iWatch Mock-Up

 

 

Covert Inbox

 

 

Photo Navigation Concept

 

 

Process Animation

 

 

Menu Animation

 

 

UI8 Wireframe Kit

 

 

Map Pin Bubble

 

 

Fiche Gif Animation

 

 

Soccer Analytics

 

 

GIF Tour

 

 

Animation Test

 

 

myChat App Concept

 

 

GIF Animation of Template Gallery

 

 

 GIFアニメーションが素敵！モバイルUIデザイン2013年まとめ

昨年末にまとめた、GIFアニメーションを使ったモバイルアプリデザインをあつめています。

 

 

サムネイル@ : Tap Animated by Jordi Verdu – Dribbble

参照元リンク : 25 Creative Uses of Animated GIFs to Present UI Designs – Line 25