トピック別用語 · 12 ガイド

動作

動きがどのように変化を示し、注意を導き、画面を使いやすく保つのかを学びましょう。

01 / アトラス

全ての動作用語

簡単な意味、例、使用時期、公式度、コードネームを含む用語を開く

01 · コア
アニメーション Animation

アニメーションは時間に沿った計画された視覚的変化です。複数のステップ、状態、または繰り返しを持つことがあります。
02 · コア
イージング Easing

イージングは、アニメーションが速くなったり遅くなったりする動きを決める時間の曲線です。
03 · コア
キーフレーム Keyframes

キーフレームはアニメーション内の名前付きポイントです。各ポイントは選択された瞬間のプロパティ値を設定します。
04 · さらに詳細
テキストスクランブル Text Scramble

文字が一瞬でバラバラの記号に変わったあと、正しい文字に落ち着く、ちょっとした仕掛けです。
05 · コア
ドラッグ＆ドロップ Drag & Drop

ドラッグ＆ドロップにより、アイテムを直接移動、並べ替え、または転送することができます。アイテムを掴んだときにどこに置けるかを表示する必要があります。
06 · コア
トランジション Transition

トランジションは、決まった時間で、2つの決まった見た目の間を移動します。
07 · さらに詳細
パララックススクロール Parallax Scrolling

パララックススクロールは、ページがスクロールする際にレイヤーが異なる速度で動くようにします。速度の差により奥行き感が生まれます。
08 · さらに詳細
マーキー Marquee

動き続けるコンテンツの帯です。動きに敏感な人のために、止めるボタンや動かないバージョンを用意しなければなりません。
09 · さらに詳細
マイクロインタラクション Microinteraction

マイクロインタラクションは、一つの動作に対する小さなフィードバックのループだよ。きっかけ、ルール、反応、続く状態でできているよ。
10 · さらに詳細
春のアニメーション Spring Animation

春のアニメーションは物理モデルに従います。硬さ、減衰、質量、初速度が動き方を制御します。
11 · コア
動きの軽減 Reduced Motion

動きの軽減はアクセシビリティ設定およびデザインモードです。不要な動きを削除または簡略化します。
12 · さらに詳細
入る、出る & クロスフェード Enter, Exit & Crossfade

入る、出る、およびクロスフェードは、コンテンツの追加、削除、または置換を行います。変更がスムーズで連続して見えるのを助けます。