UI/UXを向上させるマテリアルデザインのボタン

発表されて2年弱が経ち、だいぶ普及してきた感じのあるマテリアルデザイン。
何でもかんでもマテリアルデザインで設計できるわけではありませんが、いままでに自分で使ってみて
「これを取り入れておくと操作性が向上する」「なんか最新のデザインっぽくなる」と感じたものを挙げていきます。

  • カード型レイアウト
  • リップルボタン
  • 配色

今日は上記の中でもリップルボタンを紹介してみたいと思います。

リップルボタン

クリックすると波紋のようなアニメーションが発火するボタンです。
フォームの送信ボタンなどに使用すると、ユーザーが「送信できた」という実感が持ちやすくなります。
今作っているサイトのUIを向上させたい!という場合に効果を発揮してくれるテクニックです。