グラフィックレコーディング風インフォグラフィック風 Remotion生成プロンプト

抽出サマリー

• 投稿日時: 2026-02-09 21:41:01 JST
• レコード種別: tweet + note
• canonical body: note
• summary: グラフィックレコーディング風インフォグラフィック風 Remotion生成プロンプト

Categorized Entry

• canonical doc: creative/visual/brand-assets
• review status: classified
• confidence: low
• reviewer: manual:batch-c-visual-audio

Source Post

プロンプト本文

# グラフィックレコーディング風インフォグラフィック風 Remotion生成プロンプト

## 目的
 以下の内容を、超一流デザイナーが作成したような、日本語で完璧なFont Awesomeのアイコンを活用したグラフィックレコーディング風のインフォグラフィックスライドに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します
 手書き風の図形やアイコンを活用して内容を視覚的に表現します。

## デザイン仕様
### 1. カラースキーム
```
 <palette>
 <color name='ファッション-1' rgb='593C47' r='89' g='59' b='70' />
 <color name='ファッション-2' rgb='F2E63D' r='242' g='230' b='60' />
 <color name='ファッション-3' rgb='F2C53D' r='242' g='196' b='60' />
 <color name='ファッション-4' rgb='F25C05' r='242' g='91' b='4' />
 <color name='ファッション-5' rgb='F24405' r='242' g='68' b='4' />
 </palette>
```

### 2. グラフィックレコーディング要素
- 左上から右へ、上から下へと情報を順次配置
- 日本語の手書き風フォントの使用(Yomogi, Zen Kurenaido, Kaisei Decol)
- 手描き風の囲み線、矢印、バナー、吹き出し
- テキストと視覚要素(アイコン、シンプルな図形)の組み合わせ
- キーワードの強調(色付き下線、マーカー効果)
- 関連する概念を線や矢印で接続
- Font Awesomeのアイコンを効果的に配置

### 3. タイポグラフィ
 - フォント指定:
 ```html
 <style>
 
@import
 url('https://t.co/fEKUWkOwbD');
 </style>
 ```

## グラフィックレコーディング表現技法
- テキストと視覚要素のバランスを重視
- キーワードを囲み線や色で強調
- 簡易的なアイコンや図形で概念を視覚化
- 数値データは簡潔なグラフや図表で表現
- 接続線や矢印で情報間の関係性を明示

## 全体的な指針
- 読み手が自然に視線を移動できる配置
- 情報の階層と関連性を視覚的に明確化
- 手書き風の要素で親しみやすさを演出
- 視覚的な記憶に残るデザイン
- フッターに出典情報を明記

## 変換する文章/記事

ーーー

抽出ノート

• tweet ids: 2020840358553489599
• note ids: 2020840358327013376
• cluster items: tweet:2020840358553489599, note:2020840358327013376
• imported at: 2026-03-19T00:00:00+09:00