Adobe XD CCとAdobe Photoshop CCを使ってモバイルアプリのデザインを作成する方法を説明します。PhotoshopファイルをXDに取り込み、画面を追加したりインタラクティブなプロトタイプを作成することで、モックアップのクオリティを高めます。これは、レビューやハンドオフのためにクライアントやデベロッパーと共有できます。

Photoshopのデザインをインタラクティブなプロトタイプに変換

学習した内容:モバイルアプリのエクスペリエンスを作成するための戦略

  • XDでアートボードを使って複数の画面を追加することのメリット
  • リアルなインタラクションを生み出すためにモバイルエクスペリエンスのデザインのプロトタイプを作成
    • オーバーレイと固定要素
    • リンク設定とプレビュー

デベロッパーと一緒に作業してデザインをアプリに適用

学習した内容:モバイル開発のためのコラボレーションテクニック

  • プロトタイプを公開し、関係者と共有してフィードバックを受け取る方法
  • XDを使ってデザインスペックを開発者と共有

 

11/12/2018

プレゼンター:Howard Pinsky

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