Adobe XD

4つの簡単なステップで、アイデアからプロトタイプを作成しましょう。

Adobe XD用UIキットをダウンロードしてから、チュートリアルをご覧ください。モバイルアプリのデザインをすぐに始めましょう。
スプラッシュ画面のデザイン、画像の読み込み、リピートグリッドの使い方など、XDの基本操作を学びましょう。

ビデオの概要

  • XDのワークスペース
  • 描画ツールとテキストツールの基本
  • リピートグリッド
  • UIキットの使い方
デザインをもとにインタラクティブなプロトタイプを作成しましょう。アートボード間のリンクを設定し、デザインモードとプロトタイプモードを切り替えて、インタラクションをプレビューします。

ビデオの概要

  • プロトタイプモード
  • アートボードのリンク設定
  • プレビューモード
  • プロトタイプの変更
プロトタイプを共有してフィードバックを集めたり、モバイルデバイスでプレビューしたり、開発者用のデザインスペックを共有する方法をご説明します。

ビデオの概要

  • プロトタイプの共有
  • モバイルデバイスでのプレビュー
  • コメントの追加
  • デザインスペックの共有
Behanceのイメージストリップ(上)

世界中のUI/UXデザイナーがXDを活用しています。

Behanceのイメージストリップ
AdobeLive
第一線で活躍するプロのテクニックをリアルタイムで。
UI/UXデザイナーのXD活用方法をライブストリーミングでご覧ください。
アイデアやインスピレーションを得て、テクニックを学びましょう。