初心者からちゃんとしたプロになる Adobe XD基礎入門

構成数 : 1枚

------------------------------------------------------------
■Lesson1 制作のワークフローとAdobe XD
------------------------------------------------------------
01 Web制作の現場とAdobe XD
02 Web制作の現場のワークフロー
03 Webサイトの使いやすさとAdobe XD
04 本書で題材とする架空のサンプルサイト

------------------------------------------------------------
■Lesson2 Adobe XDの基本
------------------------------------------------------------
01 Adobe XDでできること
02 Adobe XDの特長
03 Adobe XDの基本操作の流れ
04 Adobe XDの画面構成と名称

------------------------------------------------------------
■Lesson3 ディレクター視点で使う
------------------------------------------------------------
01 ディレクターの仕事内容
02 Webサイト制作における画面設計
03 ワイヤーフレームの作成ー共通パーツ
04 ワイヤーフレームの作成ーヘッダー
05 ワイヤーフレームの作成ーフッター
06 ワイヤーフレームの作成ートップページ(1)
07 ワイヤーフレームの作成ートップページ(2)
08 ワイヤーフレームの作成ーその他のページ
09 ワイヤーフレームの作成ーPC用画面(1)
10 ワイヤーフレームの作成ーPC用画面(2)
11 ワイヤーフレームからプロトタイプを作成する
12 作成したワイヤーフレームを共有する

------------------------------------------------------------
■Lesson4 デザイナー視点で使う
------------------------------------------------------------
01 デザイン工程でのAdobe XD
02 デザインシステムを理解しよう
03 デザインシステムの作成ーヘッダーとフッター
04 デザインシステムの作成ー共通メインコンポーネント
05 トップページを作成する
06 スライドメニューを作成する
07 商品一覧ページを作成する
08 商品詳細ページを作成する
09 お問い合わせページを作成する
10 PC用デザインを作成する
11 デザインカンプからプロトタイプを設定
12 Adobe XDでアニメーションを作成する
13 Photoshop・Illustratorとの連携

------------------------------------------------------------
■Lesson5 エンジニア視点で使う
------------------------------------------------------------
01 仕様やデザインの事前確認
02 コーディング環境を構築する
03 レイアウトのコーディング
04 素材の書き出し
05 コンテンツのコーディン

------------------------------------------------------------
■Lesson6 さらに便利な機能&知識
------------------------------------------------------------
01 プラグインの使い方
02 定番プラグインの紹介
03 UIキットの紹介
04 コミュニティの紹介

用語索引