さぁ、Adobe XDをフルに活用する準備ができましたか？それならば、キーボードショートカットを覚えておくべきです！これらの小さなヘルパーを使えば、Adobe XDでプロジェクトを簡単に操作し、アクションを実行し、デザイン作業を最適化できます。心配しないでください、一度に全てを覚える必要はありません – ゆったり進めましょう。一緒にAdobe XDの便利なキーボードショートカットを見て、デザイン作業を次のレベルに引き上げましょう！
一般的なキーボードショートカット
| 目的 | macOS | Windows |
| 終了 | Cmd + Q | Alt + F4 |
「編集」メニューのキーボードショートカット
| オプション | macOS | Windows |
| 元に戻す | Cmd + Z | Strg + Z |
| やり直す | ⇧ + Cmd + Z | Strg + Umschalt + Z |
| 切り取り | Cmd + X | Strg + X |
| コピー | Cmd + C | Strg + C |
| 貼り付け | Cmd + V | Strg + V |
| 外観を貼り付け（デザインモード）および相互作用を貼り付け（プロトタイプモード） | Cmd + Opt + V | Strg + Alt + V |
| 複製 | Cmd + D | Strg + D |
| 削除 | ⌫ | 削除 |
| すべて選択 | Cmd + A | Strg + A |
| 選択を解除 | ⇧ + Cmd + A | Strg + Umschalt + A |
「ファイル」メニューのキーボードショートカット
| オプション | macOS | Windows |
| 新規 | Cmd + N | Strg + N |
| 開く... | Cmd + Umschalt + O | Strg + Umschalt + O |
| 閉じる | Cmd + W | Alt + F4 |
| 保存... | Cmd + S | Strg + S |
| 別名で保存... | ⇧ + Cmd + S | Strg + Umschalt + S |
| ローカル保存... | Opt + Umschalt + Cmd + S | Umschalt + Strg + Alt + S |
| 選択した要素をエクスポート | Umschalt + Cmd + E | Strg + Umschalt + E |
| ネストされた要素をエクスポート | Cmd + E | Strg + E |
| XDに統合されたプログラムがコンピューターにインストールされている場合、サードパーティプログラムへのエクスポート | Opt + Cmd + E | 利用不可 |
| インポート | Umschalt + Cmd + I | Strg + Umschalt + I |
パス/ペンのキーボードショートカット
| オプション | macOS | Windows |
| 「ペン」ツールを有効化 | P | P |
| ポイントを変換 | ダブルクリック | ダブルクリック |
| 非対称コントロールポイント | Opt | Alt |
| コントロールポイント角に整列 | Umschalt | Umschalt |
| アンカーポイント角に整列 | Umschalt | Umschalt |
| 追加 | Opt + Cmd + U | Strg + Alt + U |
| 減算 | Opt + Cmd + S | Strg + Alt + S |
| 重複する部分のみを残す | Opt + Cmd + I | Strg + Alt + I |
| オーバーラップを除外 | Opt + Cmd + X | Strg + Alt + X |
| パスに変換 | Cmd + 8 | Strg + 8 |
レイヤー（オブジェクト）、グループ、スクロールグループ、およびキャンバスのキーボードショートカット
| オプション | macOS | Windows |
| レイヤーをグループ化 | Cmd + G | Strg + G |
| レイヤーのグループ化を解除 | Umschalt + Cmd + G | Strg + Umschalt + G |
| コンポーネントを作成 | Cmd + K | Strg + K |
...
配置のキーボードショートカット
| オプション | macOS | Windows |
| 左揃え | Ctrl + Cmd + ← | Strg + Umschalt + ← |
| 中央揃え（水平） | Ctrl + Cmd + C | Umschalt + C |
| 右揃え | Ctrl + Cmd + → | Strg + Umschalt + → |
| 上揃え | Ctrl + Cmd + ↑ | Strg + Umschalt + ↑ |
| 中央揃え（垂直） | Ctrl + Cmd + M | Umschalt + M |
| 下揃え | Ctrl + Cmd + ↓ | Strg + Umschalt + ↓ |
配置のキーボードショートカット
| オプション | macOS | Windows |
| 最前面に移動 | Umschalt + Cmd + ] | Umschalt + Strg + ] |
| 手前に移動（前に） | Cmd + ] | Strg + ] |
| 手前に移動（後に） | Cmd + [ | Strg + [ |
| 最背面に移動 | Umschalt + Cmd + [ | Umschalt + Strg + [ |
分布のキーボードショートカット
| オプション | macOS | Windows |
| 水平方向 | Ctrl + Cmd + H | Strg + Umschalt + H |
| 垂直方向 | Ctrl + Cmd + V | Strg + Umschalt + V |
テキスト操作のキーボードショートカット
| オプション | macOS | Windows |
| 太字 | Cmd + B | Strg + B |
| 斜体 | Cmd + I | Strg + I |
| 下線付き | Cmd + U | Strg + U |
| フォントサイズを大きくする | Umschalt + Cmd + > | Strg + Umschalt + . |
| フォントサイズを小さくする | Umschalt + Cmd + < | Strg + Umschalt + , |
ツールのキーボードショートカット
| オプション | macOS | Windows |
| 選択 | V | V |
| 長方形 | R | R |
| 楕円 | E | E |
| 多角形 | Y | Y |
| 直線 | L | L |
| ペン | P | P |
| テキスト | T | T |
| キャンバス | A | A |
| ズーム | ズームモード有効化: Z | ズームモード有効化: Z |
| パイプェット | I | I |
ユーザーインタフェースと表示オプションのキーボードショートカット
| オプション | macOS | Windows |
| デザインモードに切り替える | Opt + 1 | Alt + 1 |
| プロトタイプモードに切り替える | Opt + 2 | Alt + 2 |
| 共有モードに切り替える | Opt + 3 | Alt + 3 |
| 拡大 | Cmd + , | Opt + マウスホイール |
| 縮小 | Cmd + „-“ | Opt + マウスホイール |
| 選択を表示 | Cmd + 3 | Strg + 3 |
| 全体を表示するにはズーム | Cmd + 0 | Strg + 0 |
| 100 % | Cmd + 1 | Strg + 1 |
| 200 % | Cmd + 2 | Strg + 2 |
| 移動 | スペースキー | スペースキー |
| 要素 | Umschalt + Cmd + Y | Strg + Umschalt + Y |
| レイヤー | Cmd + Y | Strg + Y |
| レイアウトグリッドを表示 | Umschalt + Cmd + ' | Umschalt + Strg + ' |
| マス目を表示 | Cmd + ' | Strg + ' |
| 全画面モード | Ctrl + Cmd + F | 利用不可 |
| デザインモードとプロトタイプモードの間を切り替える | Ctrl + Tab | Strg + Tab |
| ウィンドウ（ファイル）間を切り替える | Cmd + ティルダ(~) | 利用不可 |
| フィールド内の値を1ずつ上げるまたは下げる | ↑または↓ | ↑または↓ |
| フィールド内の値を10ずつ上げるまたは下げる | Umschalt + ↑またはUmschalt + ↓ | Umschalt + ↑またはUmschalt + ↓ |
「ウィンドウ」メニューのキーボードショートカット
| オプション | macOS | Windows |
| 最大化 | 使用不可 | Windows + ↑ |
| 最小化 | Cmd + M | Windows + ↓ |
| プレビュー | Cmd + ⏎ | Strg + Eingabe |
操作変更のためのキーボードショートカット
| オプション | macOS | Windows |
| 水平移動 | Umschalt + マウスホイール | Umschalt + マウスホイール |
| 垂直移動 | マウスホイール | マウスホイール |
要素間の距離の選択と計測のためのキーボードショートカット
| オプション | macOS | Windows |
| 距離をアクティブにする | Opt（選択されたオブジェクトで） | Alt（選択されたオブジェクトで） |
| 選択したレイヤーからの距離 | Optキーを押したまま、マウスポインターをオブジェクト/グループ/キャンバス上に移動 | Altキーを押したまま、マウスポインターをオブジェクト/グループ/キャンバス上に移動 |
| 選択したグループへの相対距離 | Opt + Cmdを押しながら、マウスポインターをグループ内のオブジェクトに移動 | Strg + Altを押しながら、マウスポインターをグループ内のオブジェクトに移動 |
デザイン仕様のためのキーボードショートカット
| オプション | macOS | Windows |
| ズームイン | Cmd + マウスホイール | Cmd + 「+」、「-」またはStrg + マウスホイール、Strg + 「+」、「-」 |
| ズームリセット | Cmd + 0 | Strg + 0 |
| 移動 | ↑、↓、→、← | スペースバー + クリック＆ドラッグ、↑、↓、→、←、スペースバー + クリック＆ドラッグ |
| 高速移動 | Umschalt + ↑、↓、→、← | Umschalt + ↑、↓、→、← |
| デザイン仕様ビューからキャンバスからフォーカスを外す | Esc | Esc |
| 関連付けられたキャンバス間を移動する | Umschalt + クリック | Umschalt + クリック |
ベクター編集のためのキーボードショートカット
| オプション | macOS | Windows |
| 選択したベクターオブジェクトの編集を開始 | Enter | Enter |
| 選択したベクターオブジェクトの編集を終了 | Esc | Esc |
| 直線と反転した制御点間を切り替える | ダブルクリック | ダブルクリック |
| 制御点ハンドルを分離 | Opt + ドラッグ | Alt + ドラッグ |
プロトタイプ作成のためのキーボードショートカット
| オプション | macOS | Windows |
| プロトタイプモードですべての接続を表示 | Cmd + A | Strg + A |
| すべてのワイヤを非表示にする | Opt | Alt |
| プレビュー | Cmd + Eingabe | Strg + Eingabe |
| プレビューの記録を開始または終了 | Cmd + Ctrl + R | 使用不可 |
| 録画を終了する | Esc | 使用不可 |
| プレビューウィンドウまたは共有プロトタイプでキャンバス間を移動 | 右矢印か左矢印（→ or ←） | |
| 共有プロトタイプリンクのコメント欄に新しい行を作成 | EnterまたはShift + Enter | EnterまたはShift + Enter |
| プロトタイプリンクのコメント欄に入力したコメントを送信 | Cmd + Eingabe | Strg + Eingabe |
Adobe XDの最高の10のヒントとトリック
- シンボルリピートの使用: メニューやボタンなどを設計するときに、シンボルリピートを使用します。シンボル内の変更がすべてのインスタンスに自動的に適用されます。
- プロトタイピングと相互作用: Adobe XDでは、インタラクティブな要素を持つプロトタイプを作成できます。画面をリンクしてトランジションを追加し、ユーザーテストを行ってユーザーエクスペリエンスを最適化できます。
- コンポーネントの利用: 繰り返しUI要素のためのコンポーネントを作成します。コンポーネントを変更すると、すべてのインスタンスで更新されるため、時間を節約し、一貫性を確保します。
- 階層のネスト: フレームを階層に入れ子にすることで、作業エリアを整理し、概要を把握できます。
- プラグインの使用: Adobe XDはプラグインをサポートしており、追加機能を追加できます。使用可能なプラグインを確認して、ワークフローを拡張します。
- 削除された要素の復元: 要素を誤って削除した場合は、「Strg/Cmd + Z」キーを使用して復元できます。
- ピクセルパーフェクトアラインメント: 要素を引っ張ったりスケーリングする際に、ピクセルパーフェクトに配置するために「Shift」キーを使用します。
- レスポンシブデザイン: Adobe XDでは、さまざまな画面サイズのデザインを作成できます。デザインが異なるデバイスで見栄え良く表示されるように「Responsive Resize」機能を使用します。
- コメントとフィードバック: デザインを他の人と共有する際には、Adobe XDのコメント機能を使用してフィードバックを受け取り、変更を追跡します。
- ショートカットの学習: 最後に、より効率的に作業するために、主要なキーボードショートカットを学ぶことが重要です。Adobe XDの標準ショートカットを使用するか、独自の好みに応じてカスタマイズできます。
ドイツ語から日本語への翻訳を行います。
