Zazzleデザインツール101 - モバイルおよびアプリ版
Zazzleデザインツールのモバイル版へようこそ！デスクトップ版のヘルプ記事を読みたい場合は、こちらをクリックしてください。
デザインツールは、デザインのカスタマイズに最適なリソースです。この記事はツールのデスクトップ版に焦点を当て、その機能と使い方の詳細な概要を提供します。また、一般的な作業を行うためのステップバイステップの手順も含まれています。
この記事のセクションへジャンプ：
ビデオ - デザインツアーと招待状の作成
一般情報
Zazzleデザインツールは、デスクトップブラウザ、モバイルブラウザ、およびZazzleアプリで利用可能です。最適な体験と効率のために、デスクトップ版の使用を推奨します。
-
デザインツールへのアクセス方法-
- 既存のデザインがある商品ページから - 「このデザインをパーソナライズ」ボタンをタップし、「デザインツールで編集」をタップします。
- 自分で作成または空白の商品ページから - 「デザインを追加」ボタンをタップします。
-
デザインツールの終了方法-
- デザインが完了したら、右上の「完了」ボタンをタップして商品ページに戻ります。
-
デザインの保存-
- ログインしている場合、デザインの変更はアカウントの「保存済みデザイン」に保存されます。ログインしていない場合でも、同じブラウザのURLに戻るとデザインは残っています。
モバイルデザインツールのパーツ
トップバー
トップバーは主要な操作や設定へのクイックアクセスを提供します。左から右へ、トップバーにあるものは以下の通りです。
- 元に戻す、やり直し- デザイン作業中の操作を素早く取り消したり再適用したりできます。
- 設定- 「...」記号で示され、完了ボタンの左側にあります。ここで、デザインツールの体験や外観を変更する追加設定を切り替えられます。
- 完了- このボタンをタップするとデザインツールを終了します。
- デザインエリアラベル- 現在のデザインエリア（例：「表面」や「裏面」）を示します。これをタップするとレイヤーパネルが開き、必要に応じてデザインエリアを切り替えられます。
デザインキャンバス
キャンバスはデザインを作成・視覚化するメインの作業スペースです。ここで全ての要素を配置、整理、編集し、製品デザインを構築します。リアルタイムで調整やプレビューが表示されます。
ボトムパネル / プロパティパネル
画面下部に位置し、選択したオブジェクトに関する全てのオプションや編集可能な設定を表示します。要素の種類に応じてサイズ、色、配置などの属性をカスタマイズできます。
- 追加ボタン - このボタンをタップすると必須機能のドロワーが開きます。詳細は以下に記載しています。
- プレビュー - プレビューボタンはデザインを製品に重ねて表示し、完成イメージを簡単に視覚化できます。
追加ボタン
追加ボタンは画像、テキスト、図形などの必須デザイン機能へのクイックアクセスを提供します。デザインコンポーネントの作成と編集の出発点です。
この機能を使うには、まず追加ボタンをタップします。すると利用可能なオプションのドロワーが表示されます。ドロワー上部のナビゲーションを使ってタブ間を切り替えられます。
- アップロード - 自分の画像をアップロードできます。スマートフォンの写真ギャラリーから簡単に写真をアップロードでき、とても便利です！
- テキスト - デザインにカスタムテキストを追加できます。後でフォント、サイズ、色、配置を調整してさらに個性を出せます。
- エレメント - さまざまな図形を追加したりQRコードを生成したりできます。QRコードを生成するには「QRコードを追加」ボタンをタップし、ダイアログにURLを入力します。
- アイコン - 利用可能なアイコンから選んでデザインに追加できます。
- 背景 - デザインの背景を設定できます。自分の画像をアップロードしたり、色を選んだり、提供されている背景の中から選べます。
ガイドライン
ガイドラインはデザインキャンバス上の視覚的マーカーで、デザイン要素が印刷または表示予定の範囲内に適切に配置されているかを確認するのに役立ちます。印刷後の最良の結果のために、
- 塗り足し線（灰色の破線）- 印刷時のわずかなずれを考慮した余白です。白い縁が出ないように、背景やパターンは必ずここまで伸ばしてください。
- 見える範囲（灰色の実線）- 最終製品で完全に見えるデザインの範囲です。重要な要素はこのエリアの端に近づけないようにし、切れたり欠けたりしないようにしてください。
- 安全領域（緑の点線）- 文字やロゴなどの重要なデザイン要素はこの内側のエリアに配置し、印刷後に切れないようにします。
デザインオブジェクトと基本操作
デザインオブジェクトはテキスト、画像、図形、アイコンなど、デザインの構成要素です。
以下はデザインオブジェクトの操作方法と基本的なアクションの概要です：
オブジェクトの基本操作
- オブジェクトの選択 - 選択したいオブジェクトをタップします。
- 複数オブジェクトの選択 - タップしてドラッグし選択ボックスを作り、複数オブジェクトを選択します。
- オブジェクトの選択解除 - 選択範囲外のどこかをタップして選択を解除します。
- オブジェクトの移動 - 選択したオブジェクトをドラッグしてキャンバス上の任意の位置に移動します。
- オブジェクトの削除 - オブジェクトを選択し、赤いゴミ箱アイコンをタップするか、プロパティパネルの削除をタップします。
- オブジェクトの回転 - オブジェクトを選択し、回転ハンドルを使って角度を調整します。
- オブジェクトのサイズ変更 - 選択したオブジェクトの角のハンドルをドラッグして比率を保ったままサイズを変更します。横のハンドルは比率を保たないサイズ変更に使います。
- オブジェクトの複製 - オブジェクトを選択し、プロパティパネルの複製をタップします。
-
オブジェクトのグループ化と解除 -
- グループ化するには - 複数オブジェクトを選択し、グループボタンをタップしてまとめ、編集しやすくします。
- グループ解除するには - グループをタップし、グループ解除ボタンをタップして分離します。
- グループの編集 - グループ編集モードに入るには、グループをダブルタップするか編集ボタンをクリックします。編集モードではグループ内の個々のオブジェクトを選択・操作できます。編集モードを終了するにはグループ外のどこかをタップします。
- オブジェクトのプロパティ- オブジェクトを選択した状態で、画面下部のボトムパネル/プロパティパネルを使い、色、サイズ、フォントなどをオブジェクトの種類に応じてカスタマイズします。
レイヤー
モバイルおよびアプリ版のデザインツールではレイヤータブは利用できません。ただし、テキストの位置を他のデザイン要素に対して調整することは可能です。要素を選択した状態で配置アイコンを使い、前面または背面に移動できます。
プリデザインされたレイアウトのテキストがロックされて編集できない場合は、レイヤー機能を利用できるデスクトップ版を使用して、デザイン要素のロックを解除してください。