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

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

公式テキストを読む

Tutorial

インタラクティブプロトタイプの作成 1/2(ホーム画面と画面遷移)

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

prototyping-create-prototypes.zip (58 MB)

プロトタイプの作成は、プロトタイプモードに切り替えて行います

まず、ホーム画面、すなわち最初に表示される画面を設定します。アートボードを選択して、左上隅のホームアイコンをクリックすると、ホームアイコンが青に変わり、そのアートボードがホーム画面として設定されたことを示します。

ホーム画面からの遷移を設定するには、オブジェクトを選択すると表示される接続ハンドルを接続先のアートボードにドラッグします。すると、オブジェクトからアートボードにハンドルが接続され、画面遷移のインタラクションが設定されたことを伝えます。

デスクトッププレビューアイコンをクリックすると、プレビューウィンドウが開き、その中にホーム画面が表示されます。 インタラクションを指定したオブジェクトをクリックすると、画面が切り替わるのを確認できます。