BananaX　AI無料のスタイル辞典

画像生成AIで使える300種類以上のインフォグラフィックやデザインのプロンプト（指示文）をまとめた無料のスタイル辞典です.。

BananaX | 4つのAIインフォグラフィックサイト一覧
BananaX の4サイトをまとめた公式ランディング。用途に合わせて各サイトへすぐ移動できます。
furoku.github.io

主な特徴と使い方

  • 300種類以上の豊富なデザインサンプルを掲載。
  • ビジネスや教育など、目的に合わせてカテゴリから選べる。
  • プロンプトをワンクリックでコピーし、AI（GeminiやNotebookLMなど）に貼り付けるだけの簡単操作。
  • 無料・登録不要で利用可能。

具体的な利用手順

  • 公式サイトにアクセス
    • 登録不要のため、ブラウザでBananaXのページを開くだけで準備完了です。
  • デザインを選ぶ
    • カテゴリや一覧から、作りたいイメージに合うインフォグラフィックを探します。
  • プロンプトをコピー
    • 選択したデザインに用意されている「コピー」ボタンを押して、指示文を取得します。
  • AIツールに貼り付けて生成
    • ChatGPTやGemini、NotebookLMなどのAIにペーストし、作成したいテーマのテキストを追加して実行します。

対応・活用できる主なAIツール

  • NotebookLM
  • Google Gemini
  • ChatGPT (DALL·E 3)
    • 対話型で細かな調整指示が出せるため、コピーしたプロンプトの改変やアレンジに向いています。
  • Canva AI
    • デザイン作成プラットフォーム内で、インフォグラフィックのテイストを反映させるために活用できます。

基本的には、日本語や英語のプロンプト（指示文）を入力して画像を生成できるチャット型AI・画像生成AIツールであれば、どれでも問題なく試すことができます。

BananaXのプロンプトを最大に活かすテキスト入力のコツは以下の3点です。

  • [テーマ] を具体的に書き換える
    • プロンプト内の [テーマ] や [トピック] 部分を、自分が図解したい具体的な内容（例：「タイムマネジメントの基本」「新商品の特徴3選」）に必ず書き換えてください。
  • 情報を「3つ」前後に絞る
    • インフォグラフィックの画面内に収まるよう、要素は箇条書きで3〜4個程度に絞り、短くシンプルな文章で指定すると綺麗にレイアウトされます。
  • 日本語と英語を使い分ける
    • 意図したデザインが出ない場合は、テーマや箇条書き部分を英語（DeepLなどで翻訳）にして入力すると、AIの理解度が上がり生成クオリティが向上します。
  • すっきり見せる追加指示文（英語・日本語）
  • 余白を十分に持たせる
    • Add ample negative space around elements.（要素の周囲に十分なネガティブスペースを確保して） [1]
  • 文字の重なりを防ぐ
    • Keep layout clean and minimalist, avoiding any overlapping text or cluttered icons.（テキストの重なりや散らかったアイコンを避け、クリーンでミニマルな配置にして）
  • 等間隔に配置する
    • Ensure symmetrical alignment and equal spacing between the three main pillars.（3つの主要な柱の間に、対称的な整列と等間隔の配置を適用して）
  • 枠線を省きシンプルにする
    • Use clean dividers instead of heavy borders for a modern, sleek appearance.（モダンで洗練された外観にするため、太い枠線の代わりにクリーンな区切り線を使って）
  • 要素が多すぎるとAIが自動で文字を詰め込んでしまうため、指示文を入れると同時に「紹介する要素を3つに絞る」ことも重要です。

配色・カラーを指定する追加指示文

  • メインカラーとアクセントカラーを指定する
    • Use a modern color palette: Slate Gray (#333333) as primary, Off-White as background, and Emerald Green (#50C878) as the single accent color for key data.（スレートグレーを主色、オフホワイトを背景、エメラルドグリーンをデータ強調のアクセントカラーにして）
  • ビジネス向けの信頼感ある配色にする
    • Apply a professional corporate color scheme with navy blue, cool gray, and white.（ネイビー、クールグレー、ホワイトを使用したプロフェッショナルなコーポレート配色を適用して）
  • 親しみやすい、またはクリーンな雰囲気にする
    • パステル系: Use a soft pastel color palette for a friendly and clean look.（親しみやすくクリーンな印象にするため、柔らかなパステルカラーの配色を使って）
    • ミニマル（白黒ベース）: Stick to a minimalist, high-contrast monochrome design with one vivid blue highlight.（1色の鮮やかなブルーのハイライトを除き、ミニマルで高コントラストなモノクロデザインにして）

具体的なカラーコード（#FFFFFFなど）をプロンプトに含めると、AIが色合いを認識しやすくなり、理想のデザインに近づきます。

タイトルとURLをコピーしました