はじめに
  • このカリキュラムではどんなことを行うのか?
Adobe XDとは?
  • Adobe XDの特徴
  • 開発手法から見るXDのアップデート
  • ワイヤーフレーム・デザインカンプ・プロトタイプ・モックアップなどの用語の違い
  • プロトタイプの必要性
基本操作を学んでみよう
  • インストール方法・スタート画面・新規作成方法について解説
  • 操作画面(ワークスペース)の解説
  • アートボード内の基本操作
  • レイヤーの解説
  • 描画ツールの使い方
  • 配色・グラデーション・シャドウ・ぼかし効果の設定方法
  • 2パターンのテキスト入力方法
  • パスの操作方法
  • 画像の配置とマスクの設定
  • XDの真骨頂!リピートグリッド
  • レイアウトを整えるための基本操作(グリッド・距離と位置の計測)
  • アセット機能の解説
  • CCライブラリ機能の解説
  • プロトタイプの設定方法
  • プレビューの公開・共有方法について
  • デザインスペックの確認・共有方法について
  • UIキットのご紹介
チュートリアルをやってみよう -アプリデザインの作成-
  • デザインプレビュー・スプラッシュスクリーンの作成・プロファイルの画像選択・ブログ投稿リストの作成
  • 画面スクロール部分の作成・インタラクティブな動きの作成・作品の共有
基本操作を駆使してアイコンを作成してみよう
  • マップのピンアイコンを作成してマップに配置してみよう
  • ハートのアイコンを作成してイイねボタンを作ってみよう
  • マイク・虫眼鏡・ユーザーアイコンを作成してみよう
  • カレンダー・歯車のアイコンを作成してみよう
フォームや表を作成してみよう
  • 料金表を作ってみよう
  • 入力フォームを作ってみよう
  • 記事一覧・記事詳細ページを作ってみよう
アプリのような動きや機能をつけてみよう
  • アニメーション機能を使って表現してみよう
  • レスポンシブに対応できるように調整しよう
【ケーススタディ】実際にプロトタイプ作ってみよう ~アプリUI編~
  • 仕様設計を依頼者と交えてディスカッション
  • TOPページを作成しよう ヘッダー編
  • TOPページを作成しよう メニュー編
  • TOPページを作成しよう メニュー選択・リンクメニュー編
  • プロフィールページを作成しよう
  • 予約ページを作成しよう ヘッダー・フッターメニュー編
  • 予約ページを作成しよう 予約ボタン・複数ページ編
  • 予約内容確認ページを作成しよう
  • 予約完了ページを作成しよう
  • プロトタイプモードでリンク付けしてみよう