IKELABO TONE CATALOG

長い説明を、
見てわかる図に。

「何が違うの?」「どの順で進むの?」。何度も説明していることを、図にしませんか。Ikelabo Skillsは、記事やメモから読む人の迷いを整理し、見出し・絵・矢印で答える図解を作ります。日本語入りの完成画像まで、好きな雰囲気で頼めます。

12種類のタッチ / 持込キャラクターも対応 / PC・スマホ別の見本
選ぶのは好きなタッチだけで、図解の構成はAIが考えるIkelabo図解トンマナ見本帳
ONE SIMPLE CHOICE

伝えたいことを、
見える順番へ。

絵柄を選ぶ前に、読む人が何を知りたいかを整理します。うまく説明できなくても、今ある資料や相談でよく聞かれることから始められます。

YOU CHOOSE

あなたは、
材料と好みを渡す。

  • 説明したい商品・サービス・取り組み
  • お客様からよく聞かれること
  • 実物、手順、出所の分かる数字
  • 好きなタッチ、避けたい雰囲気

既存サイトや記事のURLだけでも相談できます。好みは下の見本を見て選べます。

AI ORGANIZES

AIは、
問いに答える図を考える。

  • どの違い・手順・関係を見せるか
  • 最初に目に入る見出しと主役
  • 主張を確かめられる材料と条件
  • PCとスマホ、それぞれの読み順

見出しの切り口を比べ、絵も同じ答えを伝える構成に。実測していない成果を数字や矢印で作りません。

トンマナが決まっていなければ、AIが見本を出して聞きます。

「水彩のように温かく」「白黒でまっすぐ」など、答えやすい見本を出します。内容や業種だけから、本人の好みを勝手に決めません。「おまかせ」なら合う案から進め、すでに選んだ雰囲気は聞き直しません。

12 VISUAL TONES

同じ内容を、
12種類のタッチで比べました。

文章も矢印の流れもすべて同じです。違うのは、色・線・紙・人物・写真の見せ方だけ。理屈より「これ、好き」で選んでください。

比較条件は共通です。「ひとつの出来事が、ブログに残り、SNSで広がり、ホームページへつながる」という同じ内容を使っています。

同じ発信の流れを、あたたかい水彩と紙もののタッチで表した図解見本
IKD-TONE-01WARM WATERCOLOR

あたたかい水彩・紙もの

やさしい・あたたかい・人の温度

水彩のにじみ、生成紙、手描きの柔らかな線。話している人の温度まで残したいときに「好き」と感じやすいタッチです。

図解のタッチは「IKD-TONE-01 あたたかい水彩・紙もの」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、ホワイトボードと手描きマーカーのタッチで表した図解見本
IKD-TONE-02WHITEBOARD SKETCH

ホワイトボード・手描き

会話的・明快・親しみ

白地に黒・青・赤のマーカー。隣で話を聞きながら、その場で整理してくれているような空気です。

図解のタッチは「IKD-TONE-02 ホワイトボード・手描き」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、罫線ノートとマーカーのタッチで表した図解見本
IKD-TONE-03NOTEBOOK MARKER

ノート・マーカー

手作り・素朴・一緒に考える

罫線ノート、黒ペン、黄色マーカー、付箋。完成された先生より、一緒に考える伴走者のような印象です。

図解のタッチは「IKD-TONE-03 ノート・マーカー」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、白黒とオレンジの差し色で表した図解見本
IKD-TONE-04MONOCHROME ACCENT

白黒+差し色

まっすぐ・力強い・引き締まる

白と黒の強いコントラストに、オレンジを一点。余計な甘さを抑え、言いたいことを正面から見せます。

図解のタッチは「IKD-TONE-04 白黒+差し色」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、編集記事のようなモダンなタッチで表した図解見本
IKD-TONE-05EDITORIAL MODERN

編集記事・モダン

知的・整然・信頼

深緑とコーラル、雑誌のような見出し階層と余白。整理されているけれど、管理画面のように冷たくありません。

図解のタッチは「IKD-TONE-05 編集記事・モダン」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、親しみあるオリジナルキャラクターで表した図解見本
IKD-TONE-06FRIENDLY CHARACTER

親しみキャラクター

楽しい・近い・動きがある

完全オリジナルの人物と、丸みのある線、明るいパステル。説明を「読むもの」から「一緒に進むもの」へ変えます。

図解のタッチは「IKD-TONE-06 親しみキャラクター」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、すっきりしたフラット図形のタッチで表した図解見本
IKD-TONE-07CLEAN FLAT VECTOR

すっきりフラット・図形

軽やか・明快・整う

白地、青緑と青、均一な線、幾何学図形。情報はきちんと見せたいけれど、堅苦しくしたくない人へ。

図解のタッチは「IKD-TONE-07 すっきりフラット・図形」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、カラフルでポップなタッチで表した図解見本
IKD-TONE-08COLORFUL POP

カラフル・ポップ

明るい・元気・ワクワク

コーラル、黄色、青、紫、丸いステッカー風の形。挑戦の楽しさや、動き出したくなる気持ちを前へ出します。

図解のタッチは「IKD-TONE-08 カラフル・ポップ」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、上質でミニマルな余白のタッチで表した図解見本
IKD-TONE-09PREMIUM MINIMAL

上質ミニマル・余白

上品・静か・落ち着き

アイボリー、濃紺、控えめな金、端正な細線。大きな声で押さず、余白の中で信頼を育てるタッチです。

図解のタッチは「IKD-TONE-09 上質ミニマル・余白」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、実写写真とチョークコラージュで表した架空の図解見本
IKD-TONE-10PHOTO CHALK COLLAGE

実写写真・チョークコラージュ

現実感・人柄・ライブ感

写真コラージュに白・黄色のチョークと赤い矢印。実案件では許可済み写真を保護し、顔や商品へ文字を重ねません。

この画像の人物と場面は、トンマナ比較用の生成イメージです。実在のお客様・実績ではありません。

図解のタッチは「IKD-TONE-10 実写写真・チョークコラージュ」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、濃紺の手描き人物、黄色マーカー、淡い水色の経路でつないだビジネス図解見本
IKD-TONE-11HAND-DRAWN BUSINESS MANGA

手描きビジネス漫画・図解

具体的・親しみ・ひと目で整理

温かい白地に、濃紺の丸い手描き文字と人物、黄色のマーカー、淡い水色の流れ。主役と大小の異なる具体場面を一本の経路でつなぎます。PCは横方向の物語、スマホはS字の縦動線へ専用に組み直すため、情報が多くてもカードの羅列に見えません。

図解のタッチは「IKD-TONE-11 手描きビジネス漫画・図解」でお願いします。構成は内容に合わせてAIにおまかせします。
同じ発信の流れを、太い手描き文字と青・桃・緑・橙の章色、仕事中の人物で表した実践レポート図解見本
IKD-TONE-12PRACTICE REPORT COLOR CHAPTERS

実践レポート・カラー章立て

親しみ・具体的・活気・実践的

温かい白地に、太く丸い手描き文字、色鉛筆と薄い水彩。青・桃・緑・橙を章ごとに固定し、人物、端末、資料、画面を具体的に描いて流れをつなぎます。定例会や勉強会など、複数の話題を楽しく整理したいときに向くタッチです。

図解のタッチは「IKD-TONE-12 実践レポート・カラー章立て」でお願いします。構成は内容に合わせてAIにおまかせします。
OPTIONAL CHARACTER LAYER

自分のキャラクターを、
図解の案内役にできます。

自分または依頼主が権利を持つオリジナルキャラクター画像をCodexへ添付すると、10種類の情報構造と12種類のトンマナはそのままに、キャラクターだけを別レイヤーとして加えられます。キャラクターがない場合は、これまでどおりトンマナだけ選べば大丈夫です。

これは、新しい情報構造やトンマナではありません。

IKD-TONE-06「親しみキャラクター」は、AIが図解の雰囲気に合わせて一般的なオリジナル人物を作るトンマナです。ここで選ぶIKC-001〜004は、本人がすでに持っている権利確認済みの固有キャラクターを、どのトンマナでも使うための処理方法です。

同じ架空のオリジナルキャラクターを原画の輪郭と配色を保ったまま図解へ入れた比較見本
比較用の架空キャラクターです。実在のお客様・実績ではありません。
IKC-001

原画を保つ

顔、輪郭、頭身、配色、模様、服装などの識別要素を優先し、必要なポーズと表情だけを図解に合わせます。

同じ架空のオリジナルキャラクターの識別要素を保ち図解の線と色へ合わせた比較見本
比較用の架空キャラクターです。実在のお客様・実績ではありません。
IKC-002

トンマナに合わせる

キャラクターらしさは固定したまま、線の太さ、色の温度、影、紙やブラシの質感を選んだ図解トンマナへなじませます。

同じ架空のオリジナルキャラクターを自然な立体感のあるセミリアル表現へ変えた図解比較見本
比較用の架空キャラクターです。実在のお客様・実績ではありません。
IKC-003

セミリアル

特徴とブランドカラーを残しながら、頭身、素材感、光と影を少し自然にします。大きく印象が変わるため、見本確認後に固定します。

同じ架空のオリジナルキャラクターを生成によるリアル寄せ表現へ変えた図解比較見本
生成表現の比較見本です。実在の人物・お客様・実績写真ではありません。
IKC-004

リアル寄せ(生成表現)

現実の素材や照明を感じる表現へ寄せます。実在する人物、顧客、商品利用、成果の証拠として見せず、生成表現だと分かる説明を添えます。

BEFORE ATTACHING

画像を添付する前に、権利と変形許可を確認します。

  • 本人または依頼主が所有し、漫画・図解・Web・SNSで使える画像だけをCodexへ添付します。
  • 線、色、頭身、素材感を変えてよい範囲を、キャラクターの作者・権利者へ確認します。
  • 元画像と生成物はクライアント・案件ごとに分離し、別の人のキャラクターや参考画像と混ぜません。
  • キャラクターは説明を助ける位置へ置き、文字、矢印、数値、出典、証拠を隠しません。
REQUEST MAKER

Codex用の制作メモを作る

ここでは画像をアップロードしません。制作メモをコピーしたあと、Codexの入力画面へ権利確認済みの画像を添付してください。

図解のトンマナは「IKD-TONE-01 あたたかい水彩・紙もの」でお願いします。持込キャラクターは使いません。情報構造は内容と目的に合わせてAIにおまかせします。読む人が迷う違い・手順・仕組みから主題を選び、見出しと絵で同じ答えを伝えてください。数字・成果は確認できる材料だけを使い、日本語も画像の中へ入れてください。PC版とスマホ版を別構成で作ってください。
AI AUTO ROUTING

読者が迷う場所に、
答えになる一枚を。

利用者にIKD番号を選ばせません。「違いが分からない」なら比較、「始め方が不安」なら手順。「なぜそうなる?」には仕組みを見せます。枚数を先に埋めず、説明したいことに合う図を選びます。

記事の一節 01発信が止まる原因原因・メカニズム型をAIが選定
記事の一節 02無理なく始める手順手順・ロードマップ型をAIが選定
記事の一節 03ブログからSNSへ広げる1素材展開・回遊循環型をAIが選定
AIが内部で使う10種類の情報構造を見る

旧見本リンクとの互換性のためIDを残しています。通常は覚える必要も、選ぶ必要もありません。

IKD-001変化比較型

何が、どこまで、どう変わるか。

IKD-002手順・ロードマップ型

最初に何をし、次に何をするか。

IKD-003役割分担・受け渡し型

誰が何をし、どこで渡すか。

IKD-004要素分解・全体像型

何が組み合わさって価値になるか。

IKD-005比較・選択・適合型

どの選択が今の自分に合うか。

IKD-006原因・メカニズム型

なぜ起き、どこを変えるか。

IKD-007関係者・協業マップ型

誰が何を持ち寄り、誰へ届けるか。

IKD-008段階拡張・未来ビジョン型

小さな始まりが何へ広がるか。

IKD-009実績・指標ダッシュボード型

何を測り、事実として何が起きたか。

IKD-0101素材展開・回遊循環型

一つの出来事がどう残り、広がるか。

HOW TO ASK

材料に、
一言添えて。

「このサービスの違いを図にして」「利用の流れを見せたい」。伝えたい内容と、好きな見本を渡してください。文字がまだまとまっていなくても、構成案から一緒に進められます。

この一言でOK

「図解のタッチは「IKD-TONE-02 ホワイトボード・手描き」で」

見本の番号か名前を言うだけで大丈夫です。構成は内容に合わせてAIが考えます。上の各見本にある「依頼文をコピー」は、同じことを確実に伝えたいときの予備です。

まだIkelaboスキルを入れていない方は 導入ガイド(Codexに貼るだけ・約5分) から。

この2つのプランの違いを図にして。手描きの雰囲気で。

まず料金・含まれる内容・向いている人を整理します。比べる条件を揃え、選ぶときに迷う点が分かる図にしましょう。手描きなら、この見本から好みを選べます。

ALWAYS CURATED

増やすだけではなく、
選びやすく整え続けます。

基本の12トンマナはむやみに増やしません。似たものは統合し、違いが伝わりにくい見本は差し替え、役目を終えたものは削除して、本人が迷わず好みを伝えられる見本帳へ更新します。

JUST TELL CODEX

説明してきたことを、
伝わる一枚へ。

商品資料、書きかけの記事、よくある質問から始めましょう。伝える内容と好きなタッチを決め、日本語を含む画像を生成。読み順と文字を確かめて、記事やSNSへつなぎます。

自分の場合を相談するIkelabo Skillsを見る
まとまっていなくても大丈夫。LINEで相談