Designer でアニメーションを設定する
デザインのほとんどの要素は、スクリーン上で動かせます。見出しをスライドで登場させたり、価格をゆっくり脈打たせたり、写真を浮かせたりできます。設定は Designer で要素ごとに行い、スクリーンでは自動的に再生されます。
要素を動かす
- Designer でデザインを開き、要素を選択します。
- キャンバスの上のバーで「アニメート」をクリックします。ウィンドウ幅が狭いときは、そのバーの右端にある三点のボタンの中に入っています。
- 「入場」、「連続」、またはその両方でアニメーションを選びます。
アニメーションを外すには、「なし」に戻します。
入場
入場アニメーションは、デザインがスクリーンに表示されたときに再生されます。次のものから選べます。
- フェードイン
- 左からスライドまたは右からスライド
- 上にスライドまたは下にスライド
- ズームイン
- バウンスイン
動きにかかる時間と、動き出すまでの待ち時間を設定できます。要素ごとに待ち時間を少しずつ長くすると、たとえば先に見出し、次に価格というように、デザインが順番に組み上がっていきます。
連続
連続アニメーションは、デザインが表示されている間ずっと続きます。次のものから選べます。
- パルス：要素が少し大きくなったり小さくなったりします。
- 回転：要素が回転します。
- バウンス：要素が上下に跳ねます。
- フロート：要素がゆっくり上下に漂います。
速度と強さのスライダーで、動きの速さと大きさを調整できます。1 つの要素に入場アニメーションと連続アニメーションを同時に設定することもでき、連続アニメーションは入場が終わってから始まります。
アニメーションをプレビューする
Designer の上部バーにある「プレビュー」ボタン（「ダウンロード」ボタンの手前）をクリックすると、デザインが動く様子を確認できます。デザインに入場アニメーションしかない場合は、再生が終わるとプレビューが自動的に閉じます。
スクリーンでの表示
- プレイリストの中では、デザインが表示されるたびに入場アニメーションが再生されます。
- デザインがスクリーンの唯一の表示内容である場合、入場アニメーションは読み込み時に 1 回だけ再生され、連続アニメーションは続きます。
知っておきたいこと
- デザインの中のアプリ、プレイリスト、QR コードは動かせません。
- 画面を横切って流れるテキストはアニメーションではありません。代わりに、Designer 左側のバーにある「アプリ」パネルからアプリ「ティッカー」をデザインに追加してください。詳しくは、情報アプリ: 天気、時計、ニュース、ティッカーなどをご覧ください。
- Designer でデザインを開いているときは、AI アシスタントにアニメーションの設定を任せられます。たとえば「価格を脈打たせて」「見出しをスライドで登場させて」と頼んでみてください。
ヒント
動きは視線を引きつけます。動かすのは、今日のおすすめなど 1 つか 2 つの要素にとどめ、ほかは静止させておきましょう。画面が落ち着いて見え、離れた場所からでも読みやすくなります。
あわせて、Designer でデザインを作成するもご覧ください。