マガジンのカバー画像

xd勉強用

1
運営しているクリエイター

記事一覧

すぐ使えるXD Tips vol.1 - ホバーのインタラクションをデザイン編

すぐ使えるXD Tips vol.1 - ホバーのインタラクションをデザイン編

Adobe XDの2019年11月の新機能「ホバーステート」を利用し、ボタンにマウスオーバー(ホバー)したときのマイクロインタラクションを作成する方法を解説します。

サンプルファイルはこちらからダウンロードできます。

完成系の確認まず今回の完成系を見てみましょう。

ホバーによって、下記の2つの変化が起こっているのがわかります。

・角丸長方形の塗りが透明になる(不透明度が0になる)
・テキス

もっとみる