TOP  >  Design , WebDesign  >  WEBやアプリの最新のアニメーション事例をまとめた「20 Animated Interfaces: New Ways to Present a Concept」
2016年07月17日

WEBやアプリの最新のアニメーション事例をまとめた「20 Animated Interfaces: New Ways to Present a Concept」

UI/UXを豊かにそして直感的にしてくれるアニメーション。上手く利用すればWEBサイトやアプリケーションを劇的にブラッシュアップしてくれますが、取り入れるのはなかなか難しいものです。今日紹介するのはWEBやアプリの最新のアニメーション事例をまとめたエントリー「20 Animated Interfaces: New Ways to Present a Concept」です。

city-intro
City intro animation by Vasjen Katro – Dribbble

アプリケーションからスマートウォッチまで全部で20ものアニメーションが纏められていますが、今日はその中から特に気になったものを幾つかピックアップして紹介したいと思います。

詳しくは以下

weather-dashboard
Weather Dashboard / Global Outlook / Likes [GIF] by ∆ Studio–JQ ∆ – Dribbble
天気を見るためのダッシュボードのUI/UXの例
　
　
　
　
　
productivity-chart
Designer Time Tracking App by Hanna Jung – Dribbble
チャートやスコアのグラフアニメーションの参考に
　
　
　
　
　
unnamed
Strada cafe App by Nick Buturishvili – Dribbble
情報を整理して見せるアプリケーションのUIとアニメーション例

　
上記の他にも沢山のアニメーション事例がまとめられていました。気になる方は是非原文もご覧ください。

20 Animated Interfaces: New Ways to Present a Concept | NOUPE

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 12:07  |  
Category: Design , WebDesign   
tag: UI UX WebService アニメーション アプリ アプリケーション
このエントリーをはてなブックマークに追加

関連記事

Default ThumbnailWEBデザイナーのためのHTML/CSSの最新チュートリアル10「10 Useful HTML/CSS Tutorial for Web Designers」 質の高いUXを与えるためのjQueryプラグイン集「9 jQuery Plugins for Improving Website Navigation」 iOS9.3のデザイン提案にベクターデータで使える「Free iOS 9.3 iPhone UI Kit」 Default Thumbnail【商用可】無料で利用できるシンプルなアイコン350個セット「350 pixel Perfect Icons」

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください 【商用可】アナログ感のあるドローイングフリーフォント「THRONE」 アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」 子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」 クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」 バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」 インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」 個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」 最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る