本ドキュメントは、Framerを学ぶ国内ユーザーが韓国語資料の不足による困難を解決するために、公式ブログの内容を韓国語に翻訳し、実務に役立つ情報を追加したものです。Framerを使用する皆さんに少しでも役に立てればと思います。

Reduced Motionとは？

最新のオペレーションシステムは、ユーザーが画面上の動きを減らせるように設定する機能を提供しています。Framerもこのようなユーザーの好みを反映して、パララックス、トランスフォーム、レイアウトアニメーションを無効にする設定を提供しています。

Reduced Motionの設定方法

プロジェクトでこの効果をオンまたはオフするには、サイト設定(Settings)に移動してください。一般タブでこの設定を調整できるオプションが見つかり、ここでパララックスやレイアウトアニメーションなど様々な動作効果を制御できます。

なぜReduced Motion設定が重要なのでしょうか？

Framerで素晴らしいアニメーションを作るのも良いですが、すべてのユーザーを配慮したデザインは、すべての人に満足のいく体験を提供できます。もし、自分が作ったサイトが動作縮小設定でどのように見えるか確認したい場合は、Setting > AccessibilityでReduced Motionをチェックしてください。この設定をオンにした状態で、皆さんのFramerサイトが依然として使用しやすいか確認する習慣をつけると良いでしょう。

アニメーションを減らすと、低スペックデバイスやバッテリー節約が必要な環境でもサイトがスムーズに動作する効果が期待できます。華やかさよりも、ユーザーに必要な情報がきちんと伝わっているかに焦点を当ててみてください。

よくある質問(FAQ)

Q. この設定をオンにすると、サイト内のすべての効果が全て消えますか？

• いいえ。Reduced Motionは、主に視覚的にめまいを引き起こす可能性のある大きな動き（スライド、過度なズーム、パララックススクロールなど）を抑制することに重点を置いています。

Q. 特定のセクションのアニメーションだけにReduced Motionを個別に適用できますか？

• いいえ。サイト設定でこの機能を有効にすると、すべてのページのパララックスやレイアウトアニメーションが共通に制御されます。

Q. コードコンポーネントで直接作ったアニメーションもこの機能で制御されますか？

• いいえ。コードコンポーネントで直接作成したアニメーションを止めるには、そのコードを書いた欄に新たなロジックを実装するなどの追加的なコード作成が必要です。

本稿は、Framer公式ブログの『Reduced motion settings』を翻訳・脚色したコンテンツです。