UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説

普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ

[coliss]

許諾を得て、訳しました。

[racebyrace]

動作が軽ければ、アニメーションが無くても何でも良いです。

[shields-pikes]

直感的な理解を助ける効果と、リッチなだけの演出効果とをごっちゃにしないようにしたいね。iOSとAndroidのUIデザインルールを読めば大体OK。これ系、本当は徹底的にやりたいんだけど、そんなに割けるリソースがない。

[fotus4]

こんなん過剰装飾やんいらんやろと昔思ってたけど、今はこの辺おろそかにしてるアプリはなんとなく嫌気が指すようになってきた

[kenkoudaini]

iOSの電卓のようなことにならないよう気をつけましょう

[noodlemaster]

この類を未だにUXと言って憚らない輩がいるが、そうは言ってないので少し安心

[n314]

過剰なぐらいアニメーションするサイトを一度は作ってみたい。

[stilo]

スマホアプリのUIに使用するアニメーションを良いものから素晴らしいものに変えるUIアニメーションのアイデア集

[tamanecoplus]

無駄に電池を消費させてくスタイル

[strategy-pm]

ゲーミフィケーションと近い発想になってくなぁ。あとはいかに実装も動作も軽くできるかですかね。

[kijtra]

さらに良いのはアニメーション有無を切り替えできる機能かも。

[koogawa]

iOSの電卓問題を思い出してしまった

[gonta616]

動作の軽さと実装速度だよなぁ

[njgj]

ほーん

[tadashi_shimizu]

スマホでたまに見かけるアニメーション。一味違ったUIに見せる為のアイデアの素になりそう。

[fishma]

タブの遷移アニメとかはOK。「コンテンツを表示するアニメーション」とかはNG。アニメが終わるまでリストの下の方の情報を確認できないとか今すぐ止めろ。お前らのオナニーが見たいんじゃない、情報を見たいんだ

[shirotorabyakko]

インタラクション

[otihateten3510]

昔のPCに近くなっていってるのがおもしろい