プレビューデザインでの印刷とプレビューファイルの作成

商品オプションカスタマイザー＆商品バンドラーアプリ内のプレビューデザインエディターを使用すると、カスタマイズされた商品のためにそれぞれ異なる目的を果たすプリントファイルとプレビューファイルを作成できます。

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

プリントファイルとは？

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

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

プレビューファイルとは？

プレビューファイルは、リアルタイムで顧客に表示されるカスタマイズされた商品のダイナミックなビジュアル表現です。

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

プリントファイルの設計方法

プリントファイルを作成するには、以下の手順に従ってください。 

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

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

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

ビジュアル要素の調整

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

クイック調整方法

• • 拡大縮小と回転：四角形をドラッグして再配置します。角をドラッグして比例拡大し、辺をドラッグして伸縮し、回転ボタンを使用して回転します。
    
  • 配置オプション：キャンバス上のオブジェクトを整列させるためのショートカットツールを使用します。キャンバスを埋めたり、左揃え、中央揃え、右揃えを行います。
    
  • 元に戻す/やり直す：右上隅の元に戻す/やり直すボタンを使用して、以前の手順に戻ったり、取り消した操作を元に戻します。
    
  • キーボードショートカット：パネル上の電球アイコンをクリックして、ショートカットキーを表示し、効率を向上させます。
    

一括調整機能

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

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

プレビューファイルの設計方法

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

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

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

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

レイヤー順序 

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

表示順序 

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