Advertisement

 

スマートフォン利用者が増えるにつれて、さまざまなモバイルアプリが登場しています。各アプリが、どのような機能やうごき、コンセプトなのか、より分かりやすく伝えることができる、GIFアニメーションを使用した、プレゼンテーションUIデザインをあつめました。

 

 

海外デザインブログGraphic Fuelで、ユニークなGIFアニメーションを使った、モバイルUIデザインをまとめたエントリー「20+ Mobile App Concepts with GIF-Animated Previews」が公開されていたので、今回はご紹介します。

 

 

GIFアニメーションを利用することで、JPEGやPNGイメージとくらべ、よりアプリデザインのコンセプトや、使い心地などをユーザーに伝えることができますね。

 

 

 

詳細は以下から。

 

 

 

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

 

[warning_box]ファイル容量の重い、GIFアニメーションデザインも収録しています。ページ読み込みに、時間がかかる場合があります。[/warning_box]

 

Dashboard

dashboard-app1(2)

 

 

Dashboard 2

dashboard-app2(2)

 

 

GIF: Delete Task & Assign Task to Your Teammate in Action

reminder3

 

 

Stats Animated! (GIF)

stats-animated

 

 

Discover [GIF]

intro-animation-3

 

 

Discover 2

intro-shoplove

 

 

Log in (GIF Animation)

timelapse-2

 

GIF: Word Page

work_page

 

 

Win Point – GIF

shot-gif

 

 

Weather Controll

weather-widget2

 

 

Aslant Launcher

app-screen-animation2

 

Life Minimal App [GIF]

menu

 

 

iOS 7 Animation

AfterEfferで編集できる、.aeファイルをダウンロードできます。

ios7_ani

 

 

Shopping List App Prototype WIP (Animation)

shopping_list_app

 

 

Sidebar Animation

sidebar-animacia2

 

 

Vk COncept for iOS 7

vk_concept_ios7__

 

 

First Shot in Chapps (Animation)

video-animation

 

 

参照元リンク : 20+ Mobile App Concepts With GIF-Animated Previews – GraphicsFuel.com