InDesignのタッチワークスペースを使用して、モバイルでデザインカンプを作成する方法を説明します。
touch-screen-layout_1408x792

InDesignのタッチワークスペース

Windows 8以降のタブレット(Surface Pro 3以降など)向けに設計されたタッチワークスペースでは、シェイプを描画したり、テキストや画像プレースホルダーを追加したりするなど、直感的なタッチジェスチャーでレイアウトを作成できます。カンプを作成したら、Creative Cloudライブラリに保存されている画像、カラー、テキストスタイルなどのクリエイティブアセットに追加できます。

5289-touch-screen-layout-fig1a_1481188263096

タッチワークスペースに切り替えるには、ウィンドウ/ワークスペース/タッチを選択するか、コントロールパネルの右上にあるタッチアイコンをタップします。

注意:タッチ式デバイスでクラシックワークスペースを使用中にキーボードを取り外すと、自動的にタッチワークスペースに切り替わります。

5289-touch-screen-layout-fig1b_1481188273812

自然なジェスチャで描画する

新しいドキュメントを作成し、描画ツールを選択します。ジェスチャーですばやくレイアウトの要素を作成します。例えば、以下のような描画ができます。

  • 四角形を描き、ドットを加えると、大見出しになります
  • 複数の横線を描き、ドットを加えると、サンプルテキストが入ったテキストフレームになります
  • 四角形を描き、その全面にXを描くと、画像のプレースホルダーになります

ジェスチャに合わせて、描画内容が自動的にオブジェクトに変換されます。

ヒント:「?」アイコンをクリックすると、描画ジェスチャーの使い方が表示されます。

5289-touch-screen-layout-fig2_1481188264818

カンプを微調整する

レイアウトを微調整するには、オブジェクトをタップして選択し、同じページ内で配置を変えるか、サイズウィジェットを使ってオブジェクトのサイズを変更します。

テキストのサイズをすばやく変更するには、サイズウィジェットのハンドルを上下にドラッグします。オプションウィジェットをタップして、オブジェクトをカット、コピー、ペーストまたは削除します。

サンプルテキストを編集するには、文字ツールを選択するか、ダブルタップすると自動的に文字ツールが開くので、それからテキストフレーム内をタップします。

5289-touch-screen-layout-fig3a_1481188273215

カンプのテキストをスタイル設定するには、テキストフレームを選択して、テキストをタップします。ここでは、フォント、サイズ、行送り、字送りを変更するなど、基本的な文字の編集ができます。

5289-touch-screen-layout-fig3b_1481188263776

カラーパネルでは、オブジェクトに塗りや線の色を適用します。

フレーム内のテキストの色を変更するには、最初のフレームを選択してカラーパネルのテキストカラーアイコンをタップします。次にカラーピッカーをタップして、その色を適用します。

他のパネルの操作も試してみてください。線幅の変更、不透明度の削減、オブジェクトの整列などができます。

5289-touch-screen-layout-fig3c_1481188264453

Creative Cloudライブラリからアセットを追加する

収集したアセットにアクセスしたり、ドキュメントから新たにアセットを追加したりするには、「CCライブラリ」をタップします。

Creative Cloudライブラリに保存されたカラーやテキストスタイルを適用するには、オブジェクトを選択して、CCライブラリパネルのアセットサムネールをタップします。

Creative Cloudライブラリから選択したプレースホルダーフレームに画像を追加するには、そのライブラリでアセットをダブルタップします。フレームが選択されていなかった場合は、ドキュメントの中央にアセットが表示されます。

ヒント:現在のライブラリにアセットを追加するには、CCライブラリパネルの各種アセットを追加アイコンをタップします。

 

5289-touch-screen-layout-fig4_1481188274123

適宜、保存または従来のワークスペースに戻る

作業中に「保存」アイコンをタップすればいつでもファイルを保存できます。メニューを開いたり、キーボードを接続する必要はありません。

従来のワークスペースに切り替えるには、ワークスペースメニューをタップし、「初期設定」、「詳細」などを選択します。

5289-touch-screen-layout-fig5_1481188259862
10/26/2018

Contributor: Molly Mendoza

このページは役に立ちましたか。