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

kayama 161views 更新:2016年2月22日

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

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

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

リップルボタン

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません