1
/
5

【Advent Calendar 2021】Adobe XDを使ってフリートマップのプロトタイプを作る方法

aptpod Advent Calendar 2021 の8日目を担当します、コーポレート・マーケティング室、デザインチームの高森です。今回はAdobe XD(以降XD)を使ってフリートマップの中でアクションしているようなプロトタイプの作り方を紹介します。

【サンプル動画】

目次

  1. プロトタイプでフリートマップを制作するメリット
  2. これまでの作り方
  3. XDを使った作り方
    1. STEP1:マップ上をカーソルが動いている背景用動画を準備する
    2. STEP2:デザインに背景用動画を配置する
    3. STEP3:車両一覧クリック時に反応するカーソルを配置する
    4. STEP4:クリック時に遷移する画面を作成する
    5. STEP5:アートボード間のリンクを作成する
  4. 終わりに

続きは、弊社のテックブログからご覧ください!


--

株式会社アプトポッドでは一緒に働く仲間を募集しています
同じタグの記事
今週のランキング