闇雲にディズニー映画みたいなアニメーションを GUI に実装するのはもうやめよう - Qiita

はじめに 本稿は UI Design Advent Calendar 2015 – 9日目の GUI アニメーションに関する記事です。 アニメーションの12の基本原則と GUI ディズニーの アニメーションの12の基本原則/12 basic principles of animation というのがありまして、要はこの原則に沿ってアニメーションを制作すればまるでそれが生きているかのような動きをする、平たく言えばディズニーっぽい動きになる、というものです。http://the12principles.tumblr.com がとてもわかりやすいので、うちいくつかを転載しておきます。 SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ビデオ解説：The illusion of life これらを見ただけでも、『あー、デ

[ultimate-ez]

いやいや、どんどんやろうぜ！技術者やデザイナーの、「やりたいからやっちゃった」が無い世界なんてクソつまんねーじゃん！

[ytRino]

そんなアニメーションさせてるのいちいち言及するほど見たこと無い

[lli]

技術のデモンストレーションになってはいけない。なぜその表現が必要なのか熟慮する必要がある。

[kijtra]

ディズニーは世界中の誰もがわかるように過剰な演出にしているって点に気づいてない人は、そのままマネするよね。UIの場合は単に気づきを与える用途だね。

[vvakame]

"enchantMOON というデバイスをご存知でしょうか。あれも面白い試みなのですが、何せ基本的な部分の出来が悪すぎて最悪なのです。" 唐突にdisられるﾁｬﾝﾑｰ

[hush_puppy]

ディズニーのナインオールドメンも動かしすぎずシンプルにしろと言っていたらしい。経験の浅いアニメーターは動かしすぎてしまうのだとか。日本の3DCGアニメでも新人は動かすのを我慢できないという話があった。

[mohno]

参考）Windowsデスクトップアプリケーションのガイドラインより「アニメーションと切り替え効果」→https://msdn.microsoft.com/ja-jp/library/windows/desktop/aa511285.aspx ※なくなったかと思っていたけど、あった（だいぶ変わってる気も）

[oooooooo]

90 年代の炎の gif アニメや、回転するドクロ感がある。使わなくてもいいのに、できるから使う、的な

[baronhorse]

エンチャントムーン！

[verda]

映画の公式サイトとか商品の紹介サイトならいいけど何度も使うところだとね…

[sucelie]

enchantMOONが唐突に殴られてワロタ

[tyru]

うーん「使うのが楽しい」と思わせるのもUXの範疇なんじゃないかと思った。ただ記事中にもあるような＋ボタンのアニメーションをTumblrのアプリでやられるのと、業務アプリでやられるのとで感じ方は違うと思うんだよな

[Memeo]

この手のはどの程度時間がかかるのかという事とどれだけスムーズであるかが問題だと思うんだがなあ。操作を邪魔しないくらい早くて何がどうなってるのか分かるならどう動いてもさほど問題では無いのではと思う。

[FTTH]

「enchantMOON というデバイスをご存知でしょうか。あれも面白い試みなのですが、何せ基本的な部分の出来が酷すぎて最悪」ノールックで殴られてて流石に草

[edo_m18]

とてもいい記事。

[primedesignworks]

「ドラクエなんかの戦闘シーンに入る直前の画面崩壊演出だって、体感的な待機時間を緩和させる目的のために使用されているアニメーションのひとつ」知らんかった...

[TaKUMA]

何が言いたいのかよく分からない記事だったが一言で言うと「アニメーションは考えて使え」ということか。でも、むしろ日本のiOSアプリはアニメーション少なすぎる/下手すぎると思うのでもっと使えば良いと思う

[lesamoureuses]

“映画では「ヒーローがなにやらすごいことしてる感」が演出できるのでそれが許されるのですが、我々は残念ながらヒーローではありません”

[u8antenna]

こういう話はよく聞くが、案外「鬱陶しい」と思っているのは一部の人だけだったりすることもあるので注意が必要だと最近思った。

[nekobato]

アニメーションが技術的習作の集合でしかないのが問題なのであって、プロダクトに人格を与える目的がちゃんとしてれば歓迎したい

[ks1234_1234]

「ユーザーはボタンをすぐに押してその後に続く操作を期待しているのであって、それらが飛び跳ねるのを見て楽しみたいのではありません。」

[penpen-0704]

唐突に現れてdisられるenchantMOON

[pmint]

慣性の法則をわざわざ実装するのはよくない。昔のAndroidみたいに指に追いつかない／すぐに止まらない動きになってしまう。画面に触れている指が物理法則に縛られてるので、それに完全に従うべき。

[Gonzoo]

たまにまったくアニメーションがなくて、何が起こったかわからないアプリもある…

[mattarin]

そんなに過度なアニメーション使ってるアプリ見たことない

[nanakoso]

メトロを無視すんな

[digitalglm]

闇雲にディズニー映画みたいなアニメーションを GUI に実装するのはもうやめよう - Qiita: はじめに 本稿は UI Design Advent Calendar 2015 – 9日目の GUI…

[masuP]

“私は最近の「過度なアニメーション」の流行はこの Skeuomorphism の再来なのではないか”

[hachiame]

まったくその通りだと思う。なんでもかんでもアニメーションさせればいい話じゃない。

[yanagikouta]

たしかに無駄にjQuery使ってカッコよくしたい！！ってのは俺の自己満であって、ユーザーのことを考えてアニメーション付けるって感じじゃなかったなー

[bayashi_net]

さくさく使いたいツールのUIと、演出が許容されうるたとえばゲームのような世界でばっくり分かれそうな気はする。ゲームの中でもさくさくいきたいか演出が欲しいかは場面によって違う

[airj12]

アニメgifアイコンもそうだったけど覚えたては使いたくなるかもね

[zorio]

フラットデザインの口火はWindows Phoneのメトロからだったんじゃないかなーと思った。

[zonu_exe]

“基本的な部分の出来が悪すぎて最悪なのです。ペンでマルを描くと命令を実行できるとか、普段の鉛筆やペンを利用するシーンと同様の動きで操れるのはすごく良かったのですが、何せ認識率の悪さとレスポンスが…”

[inulab]

Dribbbleのはコンセプトが殆どで大喜利的にお題を楽しんでるだけ。真に受けるほうがアホ。実際そんなにアニメ実装されてないし。

[mellow-mikan]

「ユーザーはボタンをすぐに押してその後に続く操作を期待しているのであって、それらが飛び跳ねるのを見て楽しみたいのではありません」ほんとこれ。技術者の自己満足に付き合わされるのホント毎回ストレス溜まる。

[rryu]

なんかCSSアニメーションが普通に使えるようになった辺りから無駄に過剰なアニメーションが増えてきた様に思う。

[sds-page]

そもそもフラットデザインが情報量少なすぎて嫌。アニメーションさせる余裕があるならボタン自体の情報量を増やせと

[cider_kondo]

途中で脱線的に入っているエンチャントムーンの話がある意味本題か。反応の悪さは思考を阻害して苛立ちを高める。適切でない見せ方のアニメも然り

[rgfx]

自然は真空を嫌う(´ー｀)