haru のすべての投稿

この色! 製品情報XMLの使いみち

バンドの種類」ページには、メーカー様やショップ様にご協力いただいた製品情報が、XMLファイルとして公開されています。アプリにインポートすればそのままデザインに使えますが、実はAIに読み取ってもらうことで、アプリがなくてもスマホなどから活用することができます。

XMLはネット標準の構造的なデータ形式であり、AIにとっては文章よりもはるかに理解しやすいそうです。それに、製品情報は、仕様が公開されたオープンフォーマットですから、特定のアプリに限定されず様々な使い方ができます。幅やゲージなどいろいろな情報が含まれているのですが、ここでは「色」に注目します。


以前、フォルトゥーナパールは色数が多すぎて選びきれなかった、という記事を書きました。改めて試そうとして、周囲の方にも聞いてみたところ、「ムリ!」「激ムズ!!」という反応が多くありました。

選択肢が多すぎると選べなくなる、という現象はよく知られており、たとえばジャムの試食販売で、種類を絞ったほうが購入率が上がったという研究(いわゆる“ジャム実験”)があります。色選びでも、まさに同じことが起きているようです。

でも、自分用に選ぶなら、限定6色からより53色からです。そこは譲れません!

そこで、製品情報XMLを活用することで、より精度の高いおすすめを得ましょう。手順はこうです。

  1. 対象のXMLファイルをAIに読み取らせ、記載されたカラー名・RGB値・製品型番のみに基づいて回答するよう指示します
  2. AIに「色彩設計の専門家」という役割を与え、デザインしたいバッグの概要とともに、以下の提案を行うよう指示します
     ・色のペアのおすすめベスト3
     ・その理由
     ・RGB値に基づいたイメージ画像の生成
  3. ユーザーの要望に対して不足している条件をAIにヒアリングさせ、条件を補いながら提案や画像生成を行うよう指示します
     (以降は条件を変えて何度でも試行できます)

こうすることで、「実際に購入できる色」に限定しながら、自分では思いつかなかった組み合わせを効率よく見つけることができます。


面白いことに、この提案内容は、AIモデルによって異なるのはもちろんですが、同じモデルでもスレッドを変えると結果が変わります。つまり、「絶対の正解」があるわけではないのです。だからこそ、対話しながら何度か試していく中で、自分にとっての「この色!」が見つかるのだと思います。

参考までに、「高級感・ユニセックス・日常使い」というテーマで生成してもらった例がこちら。色味のイメージ確認ができれば良しとして、あまり作り込んではいませんが。

AIのおすすめ画像1
AIのおすすめ画像2
AIのおすすめ画像3

また、言葉で相談する方法のほかに、ツールを使って色を選ぶ方法もあります。

👉 バンド色の編み模様

カラーピッカーから自由に色を選び、組み合わせを試すことができます。作成した色をPDFとして保存し、AIに渡せば、製品のどの色に近いかを教えてくれますし、リアルな画像にもしてくれます。

まだ言葉での表現が難しいけれど「好きな色」ははっきりしてきた、というお子さんにもおすすめです。


AIに渡すプロンプト例はこちら

バンド色の編み模様」の操作例はこちら

レベル2-単色ベースステッチのバリエーション

ここまで何点か、クロスベース模様における単色カテゴリーのステッチを見てきましたが、改めて、このカテゴリーのバリエーションをリストアップしてみました。

単位が4×4、つまりクロスする斜めひもが2色のケースが該当します。以下の通りです。

Lv1.水平ひもの並び(↑)斜めひもの並び(→)パターンコード / 名称
AAAB
BA
AAAA-AA-AB
AAAA-AA-BA
クロスチェック模様
Crisscross Check
ABAB
BA
AAAA-AB-AB
AAAA-AB-BA
柄(つか)模様
Tsuka Pattern
BAAB
BA
AAAA-BA-AB
AAAA-BA-BA
手裏剣模様
Shuriken Pattern
BBAB
AB
AAAA-BB-AB
AAAA-BB-BA
鍔(つば)模様
Tsuba Pattern
単色ベースステッチのバリエーション

組み合わせのうち除外したのは以下のコードです。レベル2の斜めひもが1色の場合は、単位が2×2となりますので、これらは「クロス模様」の扱いとします。

※レベル2のバンドについては、同色の上に完全に重なる場合は、模様色としてはあまり意味がありませんけれども。

Lv1.水平ひもの並び(↑)斜めひもの並び(→)パターンコード / 名称
AAAAAAAA-AA-AA
AABBAAAA-AA-BB
AB
BA
AA
AA
AAAA-AB-AA
AAAA-BA-AA
AB
BA
BBAAAA-AB-BB
AAAA-BA-BB
BBAAAAAA-BB-AA
BBBBAAAA-BB-BB
クロス模様のバリエーション

ということで、このカテゴリーの4種の模様を試作したのが以下となります。

レベル2-単色ベースステッチの試作例
レベル2-単色ベースステッチの試作例

PPバンド・柄(つか)模様のステッチ

名称柄(つか)模様Tsuka Pattern
概要単色ベース、斜め交互に部分バーAAAA-AB-AB
単位[水平方向] 4[垂直方向] 4
レベル0[水平] A色[垂直] A色
レベル1[水平] 0: A色 | 1:B色
(全て1/2幅)
レベル2[45度] 0: – | 1:A色| 2: – | 3: B色
(全て1/4幅)
[135度] 0: – | 1:A色 | 2: – | 3:B色
(全て1/4幅)
備考転置 レベル1方向
ステッチのインデックス

斜め方向・水平方向ともに2色交互のパターンです。菱形の辺にバーが重なります。

stitch pattern named 
柄(つか)模様 / Tsuka  Pattern
柄(つか)模様のステッチ

内側と底です。模様は側面のみなので、内側や底はベース色です。

柄(つか)模様のステッチのかご、内側
柄(つか)模様のステッチ、内側
柄(つか)模様のステッチのかご、底
柄(つか)模様のステッチ、底

1単位分の編み目(青枠)です。

8×6の図
青枠内は1単位(4×4)
模様の単位

※前側面の左下から、右(0度)方向・上(90度)方向にカウントアップ。左下は垂直方向がover/水平方向がunderです。

データです。

PPバンド・手裏剣模様のステッチ

名称手裏剣模様Shuriken Pattern
概要単色ベース、斜め交互に部分バーAAAA-BA-AB
単位[水平方向] 4[垂直方向] 4
レベル0[水平] A色[垂直] A色
レベル1[水平] 0: B色 | 1:A色
(全て1/2幅)
レベル2[45度] 0: – | 1:A色| 2: – | 3: B色
(全て1/4幅)
[135度] 0: – | 1:A色 | 2: – | 3:B色
(全て1/4幅)
備考転置 レベル1方向
ステッチのインデックス

斜め方向・水平方向ともに2色交互のパターンです。クロスの交差位置と中央にバーが見えます。

stitch pattern named 
手裏剣模様 / Shuriken Pattern
手裏剣模様のステッチ

内側と底です。模様は側面のみなので、内側や底はベース色です。

手裏剣模様のステッチのかご、内側
手裏剣模様のステッチ、内側
手裏剣模様のステッチのかご、底
手裏剣模様のステッチ、底

1単位分の編み目(青枠)です。

8×6の図
青枠内は1単位(4×4)
模様の単位

※前側面の左下から、右(0度)方向・上(90度)方向にカウントアップ。左下は垂直方向がover/水平方向がunderです。

データです。

PPバンド・鍔(つば)模様のステッチ

名称鍔(つば)模様Tsuba Pattern
概要単色ベース、斜め交互にバーAAAA-BB-BA
単位[水平方向] 4[垂直方向] 4
レベル0[水平] A色[垂直] A色
レベル1[水平] B色(1/2幅)
レベル2[45度] 0: – | 1:B色| 2: – | 3: A色
(全て1/4幅)
[135度] 0: – | 1:B色 | 2: – | 3: A色
(全て1/4幅)
備考転置 レベル1方向
ステッチのインデックス

斜めのチェック模様にバーが重なると、辺の真ん中が凹んだような形に見えてきます。刀の鍔(つば)のようです。

松田裕美 (2022). 『PPバンドでつくる大人のかご・バッグ』 学研プラス.
20-21ページ「オリエンタル柄バッグ」の上部で使われている模様です。

鍔(つば)模様のステッチ
Tsuba Pattern
鍔(つば)模様のステッチ

内側と底です。内側はベース一色です。模様は側面のみなので、底もベース色です。

鍔(つば)模様のステッチ、内側
鍔(つば)模様のステッチ、内側
鍔(つば)模様のステッチ、底
鍔(つば)模様のステッチ、底

1単位分の編み目(青枠)です。

8×6の図
青枠内は1単位(4×4)
模様の単位

※前側面の左下から、右(0度)方向・上(90度)方向にカウントアップ。左下は垂直方向がover/水平方向がunderです。

鍔(つば)模様のステッチと同じ
鍔(つば)模様のステッチと同じ

途中状態。

別のひもの支点ではない、飾りのためのバンドについては、同色の上に完全に重なる場合は、差す必要がないとも言えます。省略したケースも同じコードで扱います。

Squareのデータです。