動画の内容はテキストで読むこともできます

XDユーザーズガイドのテキストを読みながら学ぶとより理解できます

公式テキストを読む

Tutorial

ガイドの操作

この動画のサンプルファイル

ui-design-custom-artboard-guides.zip (77 MB)

アートボードの左端にカーソルを合わせると両方向矢印が表示されます。そのまま右にドラッグ&ドロップすると垂直方向のガイドを作成できます。同様に、アートボードの上端から矢印アイコンをドラッグ&ドロップすると水平方向のガイドを作成できます。

ガイドを削除するには、ガイドをドラッグしてアートボードの外にドロップします。Cmd + ;(Mac)または Ctrl + ;(Windows)キーボードショートカットを使って、ガイドを一時的に隠すことができます。ガイドをロックするには、Shift + Cmd + ;(Mac)または Ctrl+ Alt+ ;(Windows)キーを押します。

アートボードを選択し、上部のメニューバーの「表示」(Mac)または アートボードを右クリックして(Windows)、「ガイド」オプションをクリックし、「ガイドをコピー」を選択すると、アートボードのすべてのガイドがコピーされます。貼り付け先のアートボードを選択して、Cmd + v(Mac)または Ctrl + v(Windows)をクリックすると、ガイドをペーストできます。