動きの見本です。ポインターを重ねたり、再生ボタンを押したりして試せます。

あわせて引く

マイクロインタラクション

Micro-interaction

ふだんの言い方小さな動き反応押すと沈む

浮く、沈む、色が変わる。操作に応える小さな動き。

見分けるポイント

  • 操作に対する短い視覚的な反応
  • ホバー・クリックに応じて変化
  • 動きを減らす設定にも配慮する

AIへの伝え方

変更する場所:操作ボタン。 ボタンにマイクロインタラクションを。ホバーで少し浮き上がり、クリックで一瞬沈む動きを0.15秒くらいで。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「動き」の言葉

触れたとき、現れるとき、スクロールしたときの動き。

207語すべてを、見た目から引く