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

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

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

印刷用ファイルとは？

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

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

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

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

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

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

印刷用ファイルを作成するには、以下の手順に従ってください： 

1. SHOPLINE管理画面から、アプリ > 商品カスタマイザーに移動し、商品タブをクリックします。
2. カスタマイズ商品を追加をクリックし、次にプレビューデザインを追加を選択します。
   
3. ポップアップウィンドウで、希望の商品を選択し、追加をクリックします。
   
4. マイテンプレートの下で、テンプレートを作成を選択し、確認をクリックします。
   

5. 印刷ファイルタブに移動し、サイズオプションをクリックして画像の寸法を設定します。単位はMM、INCH、PXの3種類から選択でき、PPI値も調整可能です。

   注意: 画像サイズは16000 × 16000 PXを超えないようにしてください。

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

視覚的要素の調整

• オブジェクトの移動: 各オブジェクトは青い長方形で囲まれており、印刷位置を示しています。左側のオプションからオブジェクトを選択し、長方形をドラッグして位置を変更します。
  
• オブジェクトの非表示: オブジェクトを除外するには、印刷ファイルで非表示オプションにチェックを入れるか、オブジェクトの長方形を印刷キャンバス外のグレーのエリアにドラッグします。
  
• デザイン表示の変更: 表示ボタンや右下の＋と－アイコンを使ってズームイン・ズームアウトし、より正確なデザイン調整を行います。
  
• 効果のプレビュー: オブジェクトを選択して内容をプレビューします。素材があるオブジェクトは異なるオプション画像を切り替えてバリエーションを確認できます。テキストの場合は、プリセットテキストを入力して表示効果をプレビューします。
  

クイック調整方法

• 拡大縮小と回転: 長方形をドラッグして位置を変更します。角をドラッグして比率を保ったまま拡大縮小し、辺をドラッグして伸縮させ、回転ボタンで回転させます。
  
• 配置オプション: キャンバス上でオブジェクトを配置するためのショートカットツールを使用します。キャンバス全体にフィットさせる、左揃え、中央揃え、右揃えなどが可能です。
  
• 元に戻す/やり直し: 右上の元に戻す/やり直しボタンを使って、前のステップに戻したり、取り消した操作を復元したりできます。
  
• キーボードショートカット: パネルの電球アイコンをクリックしてショートカットキーを確認し、作業効率を向上させます。
  

一括調整機能

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

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

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

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

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

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

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

レイヤー順

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

表示順

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