ビジュアル要素

ビジュアル要素とは

ビジュアル要素は、プレーンなテキストとデータチャート以外のスライド上の「見えるコンテンツ」です。意味を持つアイコン、フロー/アーキテクチャ図、装飾グラフィック、プログラム的な背景など。構造、雰囲気、ブランド感を伝え、必ずしも表データに紐づくわけではありません。入場エフェクト、ループ背景などのモーションは、モーションとアニメーションのドキュメントを参照。

一般的なタイプ

• 意味を持つアイコン：箇条書き横のチェック、トレンド矢印、業界シンボル——デザインシステムに沿ったスタイル。
• 構造図：フローチャート、アーキテクチャスケッチ、関係マップ（出稿時に直接描く埋め込みベクター）。
• 装飾ベクター：フラットアイコン、イラストなどの独立 SVG（プロジェクト素材ライブラリに保存）。
• 装飾グラフィック：区切り線、幾何学的背景、強調ブロック。
• 画像：アップロードしたブランド/製品写真、または Agent 生成の雰囲気ビットマップ。
• モーションビジュアル：グラデーション、ドットフィールド、入場アニメーション——モーションとアニメーションを参照。

チャートとの違い

• チャート：構造化データに紐づき、トレンド、比較、構成比を表示。精修データ表で編集可能。
• ビジュアル要素：構造、フロー、装飾、雰囲気を表現——数値表がないことが多い。
• 1 スライドに両方を組み合わせ可能。例：棒グラフ + 3 ステップフロー図。

生成方法

• チャットでページ意図を記述。例：「スライド 2 に 3 ステップフロー図で方案を説明」「成長を強調するトレンドアイコンを追加」。
• レンダリング時、Agent はデザイン方向に合わせてアイコン、SVG、プログラム的ビジュアルを選択。
• 参考画像をアップロードすると、構図やスタイルを参考に（保護されたブランド logo のトレースは行いません）。
• 複雑なスライドでは、ナラティブに応じて複数のビジュアルレイヤーを重ねることがあります。

ベクターイラストとベクター化

スライド内の構造図に加え、Agent は独立した SVG アセットを生成したり、既存のビットマップをベクター化してプロジェクト素材ライブラリに保存し、ページに埋め込めます。チャットで SVG ドラフトをストリーミングプレビューできます。

• 構造図（フロー / アーキテクチャ / タイムライン）：出稿時に直接描く。独立 SVG 生成には含まれない。
• 装飾ベクターイラスト / アイコン：例「フラットなベクターのコーヒーカップアイコンを描いて」——Agent が独立 SVG アセットを生成。
• ビットマップ→ベクター：例「この画像をベクター化して」——シンプルなフラットアイコン向き。複雑な写真は効果が限定的。

設定 › 環境設定 › デフォルト SVG モデルで、専用エンジン（回数課金）または実験的な方式（課金は Chat と同様）を選べます。詳細は料金ページを参照。

編集方法

• 意味的な調整：チャットで「4 ステップに変更」「よりビジネス向けのアイコンスタイルに」など。
• キャンバス精修：精修対応のビジュアルブロックを選択し、色、透明度、Agent が宣言した調整可能パラメータを調整。
• テキストと画像：テキストをクリックして編集。画像要素の差し替えやスタイル調整（コードモード）。
• 大規模な構造変更（レイアウト変更、新モジュール追加）は、チャットで Agent に依頼するのが最適。

関連ドキュメント