感性を鍛えよう！動きが気持ちいいUIアニメーションまとめ | デザイン | ブログ | 東京のブランディング・デザイン会社｜QUOITWORKS Inc.（株式会社クオートワークス）

クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks（クオートワークス）のムラマツ（マツムラではありません）です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。（すみません！サイト負荷が高くサーバーがダウンしてしまうので、リンクのみになってます） Creative Uses of Animated GIFs to Present UI Design

[soran_chan]

UIの参考に

[tumo300-500]

これは気持ちいい!!

[kyotaweb]

これは参考になる。ただし、古い端末はアニメさせない方がベター

[todays_mitsui]

最初は気持ちいいけど慣れてくるとウザいUIの危険性ある。けど、ｲｲﾈ!

[himaratsu]

ぎもぢいい〜

[hanagejet]

インタラクション参考にするときに使えるかも。

[michael-unltd]

気持ちいいI/Fの参考に

[Nao_u]

緩急の付いた動きに、立体的な折りたたみとモーションブラーの組み合わせが多い

[shinji]

最初はいいんだけど、よく使う良く出来た便利なアプリほどうざく感じるようになるから、アニメ切るモードが必須だと思うの。

[phonoscopia]

なぜそれを動かすのかという理由を考えた方がいいようなUIもいくつかあった

[kasanka]

前みたディズニーのアニメーションのなんちゃらと通ずるものがあるな。

[tackyv0o0v]

うおおおこれはすごい。ありがたい

[ema_hiro]

これは気持ちいい。

[torounit]

後で読む

[choumi]

おもしろい

[oyamadashokiti]

これは見てるだけで楽しい。

[furakutaru]

きもちいいかもしらんがアニメーションが終わるまで操作しづらいそもそもできなかったり動いてるためその物がなんなのか一瞬で判断しずらい

[yosi0422jp]

すごい！こうやってプレゼンできたらなあ…→　感性を鍛えよう！動きが気持ちいいUIアニメーションまとめ | Quoitworks blog

[nakanaimon1225]

これはすごくいい！/ 感性を鍛えよう！動きが気持ちいいUIアニメーションまとめ

[hatesouta]

[We[bデザイン][UI][まとめ][アプリ]

[shoshirasaka]

メモメモ

[kussun]

このページの負荷ヤバイ。

[oitch01]

こりゃすげーや

[sutanto1983]

UI　デザイン　app　まとめ

[lenomick]

こいつぁいいや。

[ngswmst]

しゅげええええええええひでっしーのブログやっべえええええ