Artificial Analysis Articles出典公開日

Code2Video-AA: AIモデルはコードでどれだけうまく動画をデザインできるのか?

UIモーショングラフィック(製品のスクリーンレコーディング風)、16:9、約7.3秒。以下のデモ: モバイルアプリのワイヤーフレームビルダー:黒のタイトルカードが1枚、次にフラットでハイキーなライトグレーのワークスペースで、ブロックがスマートフォンのキャンバスに1つずつ追加されていく。

UIモーショングラフィック(製品のスクリーンレコーディング風)、16:9、約7.3秒。以下のデモ: モバイルアプリのワイヤーフレームビルダー:黒のタイトルカードが1枚、次にフラットでハイキーなライトグレーのワークスペースで、ブロックがスマートフォンのキャンバスに1つずつ追加されていく。カラーパレット:ワークスペース/クロームはライトグレー #F0F0F0、やや暗いパネル/メニューは #E8E8E8、ほぼ黒の主要テキストは #1A1A1A、くすんだグレーの二次ラベルは #A4A4A1、白のキャンバスは #FFFFFF、そして単一の明るいライムイエローのアクセント #E4E41B はプライマリボタンとアクティブ/選択中の項目にのみ使用。

重要 — カメラ:タイトルカードの後のショットは固定された、フラットで正面からのスクリーンレコーディング。フレーミングとスケールは全体を通して一定であり — カメラの動きは一切ない(ズームなし、プッシュインなし、パンなし)。すべての動きは要素レベルのみ:ポインターカーソル、パネルの即時切り替え、キャンバスに表示されるブロック。(「プッシュイン」のような印象は無視すること — フレームはスケールしない。)

シーン1 — タイトルカード(0.0~約0.9秒):無地の黒のキャンバス #000000。中央に太字の白 #FFFFFF のサンセリフ体テキスト「Rapid wireframing」。短く表示された後、ハードカット(フェードなし)でUIが現れる。静止。

シーン2 — エディターの基本状態(約0.9~2.0秒):ライトグレーのワークスペース。左サイドバー、上から:「Now editing」/「First screen」;小さな赤いドット+「to be done」を伴う「Status」行;さらにブロックタイプの縦メニューが順に並ぶ — Text、Button、Line、Spacer、Icon(s)、Gallery、Placeholder、Input、Controls、Navigation、Cards — 各項目には小さなモノクロのグリフ付き。中央:白のスマートフォン比率(縦長)の空白キャンバス。右下:「Discard changes」リンク+ライムイエローの「Save and exit」ボタン。動き:カットの時点でUI全体がすでに表示されており、ポインターカーソルがブロックメニューへ向かって動く。ズームなし。

シーン3 — Spacerの追加(約2.0~3.5秒):カーソルが「Spacer」をクリック。破線のスペーサーブロックがキャンバスに現れる(薄い「Press Enter/return to add a new block」のヒント付き)。右側の設定パネルが切り替わり、「Spacer block settings」とサイズチップ XS S M L XL が表示される(小さいサイズが選択/ライムイエローでハイライト)。動き:右パネルの内容がハードスワップ(イージングなし);ブロックがキャンバスにポップイン。ズームなし。

シーン4 — メディア/画像プレースホルダーの追加(約3.5~5.0秒):カーソルがメニューに戻り、画像ブロック(「Placeholder」/「Media」)を選択。大きな正方形のライトグレーの画像プレースホルダー(波状の画像グリフ付き)がスペーサーの下のキャンバスにポップイン。右パネルが「Media block settings」に切り替わり、レイアウトのサムネイルが表示され「Image placeholder」が選択されている。動き:即時スワップ+ポップイン、カーソル操作による。ズームなし(フレーミングは固定 — ここでフレームをスケールしないこと)。

シーン5 — Textの追加(約5.0~7.3秒):カーソルが「Text」を選択(メニュー項目がライムイエローでハイライト)。テキストブロックがキャンバスに追加される:まずプレースホルダー「Write something down…」が表示され、その後見出しが1文字ずつ自動入力される(例:「Welcome!」)。右パネルが「Text block settings」に切り替わり、テキスト入力フィールド、書式コントロール(B / I / U +配置)、ライムイエローの「Generate text」ボタンが表示される。動き:テキストがキャンバスに自動入力;パネルはハードスワップ。クリップはこの状態で終了。ズームなし。

動きの要約:黒のタイトルカード → ハードカット → ワイヤーフレームビルダーの固定された正面からのスクリーンレコーディング。ポインターカーソルがすべての操作を駆動する:左メニューでブロックタイプを選ぶ → ブロックが中央の白いスマートフォンキャンバスにポップイン → 右の設定パネルがそれに合わせてハードスワップ(Spacer → Media → Text)。テキストは自動入力される。すべてのトランジションはイージングのない即時のハードカット/スワップであり、カメラは決して動かずフレームも決してスケールしない — 全編を通してフラットで静止した正面からの映像。

原文の出典

Artificial Analysis Articles

内容について

原文の公開と権利は出典元に帰属します。

機械翻訳 · 原文をご参照ください