ストーリーHPプロジェクトのシンボルマークストーリーHPプロジェクトSTORY HOMEPAGE PROJECT
IKELABO TONE CATALOG

文章と構成は、
AIにおまかせ。
あなたは「好きなタッチ」だけ。

比較図にするか、手順図にするか、原因を見せるか。難しい判断は、記事と目的を読んだAIが行います。発信する人には、色・線・温度・イラストの雰囲気だけを、実物を見ながら選んでもらいます。

公開トンマナ:IKD-TONE-01〜11 / Character:IKC-001〜004 / Catalog v2.2.0
選ぶのは好きなタッチだけで、図解の構成はAIが考えるIkelabo図解トンマナ見本帳
ONE SIMPLE CHOICE

人が決めることと、
AIが考えることを分けました。

タッチは好みです。情報構造は伝達設計です。だから、好き嫌いに関わる部分は本人へ丁寧に聞き、難しい構成判断はAIが引き受けます。

YOU CHOOSE

あなたが選ぶのは、
好きなトンマナだけ。

  • 水彩か、手描きか、写真か
  • 明るいか、落ち着いているか
  • 線は柔らかいか、力強いか
  • 人物を入れるか、図形中心か

既存サイト、好きな画像、避けたい雰囲気も、そのまま見せてください。

AI DECIDES

AIが考えるのは、
伝わる情報構造。

  • 誰に、どう感じて、何をしてほしいか
  • 比較・手順・原因・実績のどれが必要か
  • 記事内で何種類を使い分けるか
  • PCとスマホでどう組み替えるか

選定理由は制作記録へ残し、同じ記事でも役割に合わせて複数の構造を使います。

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

「水彩のように温かく」「白黒でまっすぐ」「写真にチョークで楽しく」など、答えやすい例を見せます。内容や業種だけから、本人の好みを勝手に決めません。

11 VISUAL TONES

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

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

比較条件は共通です。「ひとつの出来事が、ブログに残り、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では各パネルへ短い説明を増やし、会議や事業の内容を高密度に整理できます。スマホは要点へ絞った縦構成に作り直します。

図解のタッチは「IKD-TONE-11 手描きビジネス漫画・図解」でお願いします。構成は内容に合わせてAIにおまかせします。
OPTIONAL CHARACTER LAYER

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

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

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

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

記事の中身に合わせて、
AIが複数の構造を使い分けます。

利用者に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

難しい言葉は、
いりません。

「水彩が好き」「この画像みたいに」「色は少なめ」「人物は入れたくない」。それだけで十分です。好みがまだ分からなければ、見本を一緒に見ながら聞きます。

写真からブログを書いて、図解も入れてほしい。

内容と構成はこちらで考えます。図解のタッチだけ、どれが自分らしいと感じますか? たとえば「温かい水彩」「白黒でまっすぐ」「実写にチョーク」があります。好きな見本や、避けたい雰囲気も教えてください。

ALWAYS CURATED

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

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

JUST TELL CODEX

「このタッチが好き」
あとは、AIが考えます。

記事の内容、読者、感じてほしいこと、次の行動を確認し、必要な図解構造を自動で使い分けます。あなたは、自分らしい雰囲気だけ教えてください。

自分の場合を相談するIkelabo Skillsを見る
AFTER LAUNCH WITH CODEX

週に1回、写真を見せて1〜3分話す。
ホームページに「今の信頼」が増えていきます。

お客様の感想、インタビュー、事例写真、今日の出来事をCodexへ。月額11,000円(税込)から、ブログ・お客様の声・事例・SNSを作るIkelabo Skillsと、相談・事例共有・交流会に参加できる専用LINEオープンチャットを利用できます。

ブログお客様の声事例SNS投稿LINEコミュニティ

月額16,500円(税込)が一番おすすめ
11,000円プランの内容に加え、専属AIマーケッターが分析と毎月の改善を運用代行します。記事制作・投稿作業の代行は含みません。

3つの運用プランを見る