XD

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

はじめてのモバイルとweb向けUI/UXデザインを作成してみましょう。無料のAdobe XDワイヤーフレームキットが利用可能です。アプリをダウンロードし、チュートリアルを視聴したら、さっそくデザインを開始できます。
はじめてのモバイルとweb向けUI/UXデザインを作成してみましょう。無料のAdobe XDスターターキットが利用可能です。アプリをダウンロードし、チュートリアルを視聴したら、さっそくデザインを開始できます。
スプラッシュ画面のデザイン、画像の読み込み、リピートグリッドの使い方など、XDの基本操作を学びましょう。
スプラッシュ画面のデザイン、画像の読み込み、リピートグリッドの使い方など、XDの基本操作を学びましょう。

ビデオの概要

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

ビデオの概要

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

ビデオの概要

  • プロトタイプの共有
  • モバイルデバイスでのプレビュー
  • コメントの追加
  • デザイン仕様の共有
  • プロトタイプの共有
  • モバイルデバイスでのプレビュー
  • コメントの追加
  • デザイン仕様の共有
 

次のステップ

おすすめのデザイナーが作成した無料のUIキットをお試しください。いずれも、コンポーネント、アートボード、画面など、個性的なユーザーエクスペリエンスの作成に必要なものがすべて含まれます。

Smartwatch UIキット
Marcelo Silva
Marcelo Silva

60の画面、20以上のコンポーネント、30以上のアイコン、6種類のプロトタイプフローを使ってスマートウォッチアプリをデザインしましょう。すべて完全にカスタマイズ可能。Appleの仕様に準拠しています。

Smartwatch UIキット ›

Sky travel UIキット
Sarah Parmenter
Sarah Parmenter

旅行に役立つアプリとwebサイトを作成しましょう。フライト、ホテル、アクティビティ一覧、コンテンツとSNS用のボタンとアイコンが含まれます。

Sky travel UIキット ›

Dashboard UIキット
Pek Pongpaet
Pek Pongpaet

15以上のカスタマイズ可能なデータチャート、100以上のUIコンポーネント、各種画面(ログイン、電子メール、チャット、カレンダー、請求書)を使い、ダッシュボードを作成しましょう。

Dashboard UIキット ›

Navigo transportation UIキット
Aurélien Salomon
Aurélien Salomon

Navigoを使った路線案内アプリをデザインしましょう。60以上のカスタマイズ可能な画面に加えて、数十のシンボルとナビゲーション、マッピング、SNS要素も含まれます。

Navigo transportation UIキット ›

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