商品カスタマイザー：印刷ファイルとプレビューファイルのデザイン

この プレビュー デザイン エディターは、 商品カスタマイザー アプリで、印刷ファイルとプレビューファイルの両方を作成でき、それぞれがカスタマイズされた商品の異なる目的に役立ちます。

このガイドでは、これらのファイルタイプの違いを説明し、それらの生成に関する包括的なガイダンスを提供します。印刷ファイルとプレビューファイルの両方を効果的にカスタマイズして利用することで、商品の最適なデザイン結果を達成できます。

印刷ファイルとは何ですか？

印刷ファイルは、カスタマイズされた商品を製造するための設計図として機能する重要な文書です。最終的な印刷商品に正確に再現される必要がある画像、テキスト、その他の関連情報を含むすべてのデザイン要素を網羅しています。

顧客がカスタマイズされた商品を注文すると、プレビュー デザイン エディターが自動的に印刷ファイルを生成します。このファイルは、製造プロセスにシームレスに統合され、製造業者に効率的かつ正確な印刷に必要なすべての情報を提供します。

プレビューファイルとは何ですか？

プレビューファイルは、カスタマイズされた商品の動的な視覚表現であり、顧客にリアルタイムで表示されます。

顧客が商品詳細ページで希望のカスタマイズを設定すると、システムは選択に基づいてプレビュー画像を生成および更新します。これにより、顧客は選択したオプションが最終商品にどのように表示されるかを正確に確認でき、購入決定に対する理解と自信が高まります。

印刷ファイルのデザイン方法

印刷ファイルを作成するには、次の手順に従います：

1. SHOPLINEの管理画面から、アプリ > 商品カスタマイザーに移動します。カスタマイズされた商品タブをクリックし、カスタマイズされた商品を選択します。
   
2. カスタマイズされた商品を追加をクリックし、次にプレビュー デザインを追加を選択します。
   
3. ポップアップウィンドウで、希望する商品を選択し、追加をクリックします。
   
4. マイテンプレートの下で、テンプレートを作成を選択し、確認をクリックします。
   
5. 印刷ファイルタブに移動し、サイズオプションをクリックして画像の寸法を設定します。MM、INCH、PXの3つの単位から選択し、PPI値を調整できます。
   

   Note：画像サイズが16000 × 16000 PXを超えないようにしてください。

6. 4種類のオブジェクトオプションから選択します：画像オプション、テキスト、曲線テキスト、およびファイルアップロード。次に、以下の機能を使用して印刷ファイルの視覚要素を変更します。位置、サイズ、形状、回転を含みます：
   

視覚要素の調整

• • オブジェクトの移動：各オブジェクトは青い長方形で囲まれており、その印刷位置を示しています。左側のオプションからオブジェクトを選択し、長方形をドラッグして位置を変更します。
    
  • オブジェクトの非表示：オブジェクトを除外するには、印刷ファイルで非表示オプションにチェックを入れるか、オブジェクトの長方形を印刷キャンバスの外の灰色のエリアにドラッグします。
    
  • デザインビューの変更：ビュー ボタンまたは右下隅の+および-アイコンを使用して、デザインの精度を高めるためにズームインおよびズームアウトします。
    
  • 効果のプレビュー：オブジェクトを選択してその内容をプレビューします。材料のあるオブジェクトの場合、異なるオプション画像を切り替えてバリエーションを確認します。テキストの場合、プリセットテキストを入力して表示効果をプレビューします。
    

クイック調整方法

• • スケーリングと回転：長方形をドラッグして位置を再配置します。角をドラッグして比率を保ちながらスケールし、辺をドラッグして引き伸ばしたり縮めたりし、回転ボタンを使用して回転させます。
    
  • 整列オプション：キャンバス上のオブジェクトを整列させるために、キャンバスを埋める、左、中央、または右に整列させるなどのショートカットツールを使用します。
    
  • 元に戻す/やり直し： 右上隅の 元に戻す/やり直し ボタンを使用して、以前のステップに戻すか、取り消したアクションを復元します。
    
  • キーボードショートカット： パネルの電球アイコンをクリックしてショートカットキーを表示し、効率を向上させます。
    

バッチ調整機能

• • グループ操作： オブジェクトをグループ化して、グループ内のすべてのアイテムをバッチ選択します。グループの周りに大きな長方形が表示され、ユニットとして移動、スケール、または回転させることができます。
    
  • バッチ選択： 左のマウスボタンを押し続けてドラッグし、複数のパーツを選択して一括調整します。すべての青い長方形が選択ボックス内に完全に収まっていることを確認してください。
    

7. 設定を保存 テンプレートをクリックして、将来の使用のためにテンプレートを保存します。
   
8. 保存をクリックして変更を保存します。次に、プレビューをクリックして、印刷ファイルが商品ページにどのように表示されるかを確認します。
   

プレビューファイルのデザイン方法

プレビューファイルのデザインプロセスは、印刷ファイルのそれに似ています。単に プレビュー設定 タブに切り替え、 印刷ファイルのデザイン方法 セクションのガイドラインを参照してください。ただし、プレビューファイルには重要な違いと独自の機能があります：

• 背景設定：プレビューファイルでは背景を設定できますが、これは必須ではなく、印刷ファイルには設定できません。
  
• デザインの独立性：プレビューと印刷ファイルのデザインは独立しています。2つのファイルの各要素にはそれぞれの位置があり、一方で行った変更は他方には影響しません。
• 推奨デザインワークフロー： まず印刷ファイルをデザインしてからプレビューファイルに取り組むことをお勧めします。最初に プレビューデザイン エディタに入ると、システムは印刷ファイルに基づいてプレビュー画像を自動的に初期化します。最初のデザインは同一に見えるかもしれませんが、特定のニーズに合わせてプレビュー画像をさらに調整できます。
• クイックリセット機能：印刷ファイルを更新し、その変更をプレビューファイルに迅速に同期させたい場合は、 プレビューリセット ボタンをクリックします。システムは最新の印刷画像デザインに基づいてプレビュー画像を再作成します。
  
• デザイン制限： プレビューファイルをデザインする際、要素を比率を保ってスケールすることしかできず、新しいオブジェクトを追加することはできません。

オブジェクトレイヤーと表示順序の管理

エディタでは、追加されたすべてのオブジェクトがページの左側のオプションリストに表示されます。このリストを使用してオブジェクトオプションを管理および調整できます：

レイヤー順序 

• リスト内のオブジェクトの順序は、デザイン内のレイヤー順序を決定します。
• レイヤー順序は、印刷ファイルとプレビューファイルの両方に影響します。
• リスト内でオブジェクトをドラッグアンドドロップすることで、レイヤー順序を調整できます。

表示順序 

• 商品ページのオブジェクトの表示順は、オプションの表示順設定によって決まります。
  
• デフォルトでは、表示順はレイヤー順に一致しますが、必要に応じてカスタマイズできます。
• 表示順を変更するには、リスト内のオブジェクトをドラッグします。また、グループ調整のために複数のオブジェクトを選択することもできます。
• 表示順をデフォルトの状態に戻したい場合は、順序をリセットをクリックします。これにより、表示順がレイヤー順に一致するようにリセットされます。