Niche Works mock / Motion Atlas

目的から選べて、AIにも正確に頼めるアニメーション一覧。

テキスト・CTA・カード・ローディング・UI遷移に使う動きを、見本・向き不向き・派手さ・軽さ・reduce motion配慮・AI依頼文まで一体で見るためのHTMLモックです。

目的から探せる

強さと軽さが分かる

reduce motion を確認できる

AI依頼文をコピーできる

見るだけで終わらず、「何に使うか」「どこでやりすぎるか」「AIにどう頼むか」まで同じ画面で判断できる構成です。無料は閲覧と基本比較、有料は詳細比較・設定調整・保存を想定しています。

Motion catalog

用途・強さ・軽さ・モバイル向き・a11y配慮で絞りながら、動きの違いを比較できます。

無料は2件比較まで。3〜4件比較や保存はPro想定の導線です。

FAQ

なぜ「向いていない場面」も表示するのですか？

動きは追加するだけではなく、やりすぎや誤用を避ける判断が重要だからです。Motion Atlas は演出ギャラリーではなく、選定支援ツールとして設計しています。

reduce motion は何に使いますか？

動きに敏感なユーザーや、スマホでの負荷・不快感を減らしたい場合に、動きを弱める代替案を確認するために使います。

このモックで有料部分はどこですか？

複数比較、保存、詳細パラメータ調整、用途別の依頼文展開、reduce motion 代替の深掘り、複数コード出力を有料想定にしています。

Niche Works を支援する

このモックは Niche Works の辞典系ツール群の検証用です。役に立った場合は OFUSE または Ko-fi から支援できます。

OFUSE Ko-fi

Copied