今一番気になるCSSの美しいエフェクト！インクを水面に落としたように波紋が広がり消えていく -Ripple Click Effect | コリス

2014/07/16 143 users エフェクト アニメーション タップ コリス コミュニティ

Googleが先日発表した新しいUX「Material Design」の中で特に注目されているのが、タップやクリックをするとインクを落としたように波紋が広がるエフェクト。 これを実装するテクニックを紹介します。 Material Designについては、前の記事（「波紋」のアニメーションを実装するテクニック）で動画を紹介しています。 この波紋のエフェクトはあちこちのコミュニティで盛んで、その中でも... 続きを読む

[CSS]フラットなデザインに使いたい！タップ時の新しいエフェクト「波紋」のアニメーションを実装するテクニック | コリス

2014/07/01 230 users エフェクト アニメーションgif タップ デモ コリス

Googleが先日発表したAndroid Lで使われる新しいUX「Material Design」で採用されているようなタップすると波紋のように円が広がるエフェクトを実装するテクニックを紹介します。 タップやクリックでよく見かけるのは、押した感じにへこむエフェクトでしたが、この波紋はフラットにあっててなかなかいいエフェクトですね。 上記はデモをアニメーションgifにしたもので、実際の動作は下記ペー... 続きを読む

アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE

2014/06/26 74 users 体系 次期Android プラットフォーム ムービー デザイン

Googleが開催した「Google I/O」では多くの新デバイス・サービスが明らかになりましたが、その中で次期Androidの「L」に採用される新しいUXの体系「Material Design」も発表されました。Googleのプラットフォームを統一するアニメーションを使った新たなデザイン「Material Design」とはどんなものなのか、ムービーが公開されています。 Google Desig... 続きを読む

「Material Design」を Android アプリに取り入れよう！ - Qiita

2014/06/26 41 users watch www.google.com Qiita 本稿

はじめに 本稿では、Google I/O 2014 で発表された新しいUXの体系「Material Design」のガイドラインのうち、'比較的導入が容易なもの'とその導入方法について紹介します。 「Google Design」トップ http://www.google.com/design/ 「Material Design」紹介動画 https://www.youtube.com/watch?... 続きを読む

［速報］Googleが新しいUXの体系「Material Design」を発表。あらゆるデバイスとスクリーンに適用。Google I/O 2014 － Publickey

2014/06/25 340 users 次期Android 米サンフランシスコ Publickey

［速報］Googleが新しいUXの体系「Material Design」を発表。あらゆるデバイスとスクリーンに適用。Google I/O 2014 Googleは6月26日（現地時間25日）、米サンフランシスコでイベント「Google I/O 2014」を開催。次期Androidの「L」とともに、今後Googleがあらゆるデバイスとスクリーンに適用する新しいUXの体系「Material Desig... 続きを読む