フェードイン
説明カードや結果パネルに向いています。ツールを開いた瞬間に全要素を表示するより、重要な結果だけを少し遅らせると視線が集まります。
スライドイン
入力フォームや比較表に向いています。左から出すと手順感、下から出すと軽いポップアップ感が出ます。過剰に使うと疲れるので、1ページに2か所程度で十分です。
ズームイン
診断結果やスコア表示に向いています。AIが出した結果を「今、生成されたもの」として見せやすくなります。
文字を左から表示
トップページや見出しに向いています。REBOOT SHIFTの星屑メッセージと同じように、左から意味が形になる演出はAIツール制作と相性が良いです。
次に作るとよいツール
GSAPの次はThree.js背景メーカーが候補です。星、波、粒子ネットワークを選べるようにすると、Web制作・AI制作・書籍紹介の導線がさらに広がります。