はじめる

クリエイティブなワークフロー

服のサイズ表をデザインする:身体寸法と仕上がり寸法を分ける

木炭のアークと琥珀色のアクセントの横に、2 つの折りたたまれたアイボリー紙のフォームが配置されています。

ある場所では胸囲が胴囲を指し、別の場所では平らな衣服の幅を意味する場合、サイズ表は使いにくいです。デザイナーの最初の仕事は、実際に測定したものを保存することです。

以下は架空の情報を使った手動の制作・確認手順です。実測した顧客成果や、完了した生産注文を示すものではありません。

簡単な回答

測定基準に名前を付け、単位を明示的に保ち、ソース管理されたテーブルを使用し、一致する測定図を表示します。実際のモバイル レンダリングを確認し、画像を超えてアクセス可能なテキストを提供します。

1. 測定基準を定義する

架空のユニセックス シャツの場合、サプライヤーは平らな衣服の幅と長さをセンチメートル単位で示します。それらのラベルは保管しておいてください。平らな幅は自動的に体の胸囲サイズになるわけではありません。また、幅を 2 倍にしてもシャツのフィット感は決まりません。

測定方法と承認された公差について尋ねます。魅力的なモデルの写真から適合性の推奨値を生成しないでください。サプライヤーが値を承認するまで、サンプル テーブルを実際の製品データとは別に保管してください。

2. 表と正しい図を組み合わせます。

サプライヤーのメソッドと同じエンドポイントを示す矢印の付いた正面図のアウトラインを使用します。裾にある幅の矢印は、アームホールの下で測定された幅を説明することはできません。ソース図が不明瞭な場合は、スタイルを設定する前に説明を求めてください。

Ciyo を使用して視覚的な構成を探索するか、簡単な図を準備してから、検証済みの値を編集可能なテキストとともに配置します。比較のために元のテーブルを保持します。テキストを正確に配置することが主なタスクである場合は、密な数値セルの画像ジェネレーターを使用しないでください。

3. 変換と公開を確認する

2 番目の単位が必要な場合は、承認されたソースから計算し、丸めポリシーを記録します。変換された各セルを翻訳ツールやレイアウト ツールで個別に即興で作成させないでください。小数精度を測定でサポートされるものと一致させてください。

意図した商品ページの最小幅でグラフを確認し、ショップ ページでテキスト テーブルを使用できるようにします。 Shopify には、互換性のあるテーマのサイズチャート ポップアップに対するページ参照アプローチが文書化されていますが、インストールは実際のテーマに依存し、アートワークの作成とは別のものです。

このリクエストをコピーして調整します

括弧で囲まれたフィールドを独自の承認済み情報に置き換えます。要求された出力はレビュー用のドラフトです。この例はモデルのベンチマークとして実行されていません。

コピー可能な作業リクエスト
[単位]の[身体または衣服の方法]として測定される[承認表]を使用して、サイズチャートのレイアウトを計画します。ラベルと値を保持します。 [測定エンドポイント]に矢印が一致する図を指定してください。はめあい、公差、変換を推測しないでください。一貫性のない行にフラグを立てて、モバイルでの読みやすさのチェックリストを作成します。数値テーブルを編集可能な状態にしておきます。

架空の衣服の寸法。サイズのアドバイスではありません

これらのチェック例は、観察されたモデルの結果ではなく、許容基準を説明しています。

リンク先のSVGは同じ架空の確認項目をまとめたワークシートです。キャンバスの編集可能な文字や、生産用の完成デザインとは別のファイルです。

架空の衣服の寸法。サイズのアドバイスではありません
サイズ平置き幅(cm)長さ(cm)
S4866
M5269
L5672
架空の確認用ワークシートを読み込んだCiyoキャンバス。
2026年11月12日、ページ倍率100%で撮影したdev.ciyo.aiの全画面です。英語の架空ワークシートを1枚の画像として読み込みました。読み込みと確認の例であり、編集可能な表、画像生成、生産承認の実証ではありません。

よくある間違いとその回復方法

見出しを短くするために、フラット幅の名前を胸囲に変更しないでください。ラベルを短縮すると意味が変わります。

モバイル グラフが読みにくい場合は、すべての値を縮小するのではなく、不要な列を減らすか、読みやすいテキスト テーブルを提供します。

作業方法を選択して引き継ぎを行う

個人ショップの場合は、1 つのアイテムから始めて、草案の横に情報源を残しておきます。チームは承認者を 1 人指名し、古いコメントが現在の決定を黙って上書きできないように、日付を付けたバージョンを保持する必要があります。入力が不完全な場合は、アートワークを磨き上げる前にその事実の責任者に返却してください。

現在アカウントで提供されているコントロールとモデルを使用して、ここで説明されているビジュアル作業を行うには、Ciyo を使用してください。 承認済みの文案 を別に保管し、必要に応じて編集可能なキャンバス テキストを使用して正確な文言を追加します。生成された画像は視覚的なドラフトです。エクスポートされたファイルを使用する前に検査してください。

出典と詳細情報

この記事で使用した主要なドキュメントと関連ガイド。可用性と制御はアカウントによって異なる場合があります。自分の実行を開始する前に、それらを確認してください。

よくある質問

これらのサイズ例を使用できますか?

いいえ。値はレイアウトとラベル付けのみを示しています。自社の製品には承認された測定値を使用してください。

すべての製品が 1 つのグラフを共有する必要がありますか?

同じ承認されたチャートが実際に適用される場合に限ります。カットや測定方法が異なると、別のチャートが必要になる場合があります。

商品ページには画像だけで十分ですか?

アクセシブルなテキストや表も提供し、実際の店頭でどのように表示されるかを確認します。

Ciyo でビジュアル ドラフトを 1 つ準備します

承認された入力を持参し、さらにバリアントを作成する前に、このガイドのチェックに照らして 1 つのバージョンをレビューします。