Ａｄｏｂｅ　ＸＤではじめるＷｅｂデザイン＆プロトタイピング　一歩先行く現場のスキル

本書はＡｄｏｂｅ　ＸＤを使ったＷｅｂデザインとＵＩのプロトタイピングを、高品質なサイトを作りながら、現場のワークフローに沿って学んでいく本です。ワイヤーフレームの作り方から、デザインカンプ制作、コンポーネントの管理、画面遷移の設計、インタラクティブ・プロトタイプ制作と共有、コーディングに必要なデザインスペックの共有、さらに動きのあるＵＩ設計やプラグイン活用まで、現場レベルで求められるスキルを、より実践的な学び方で習得できます。初学者から、現場経験が浅い新人デザイナー、さらにグラフィックデザインからＷｅｂへキャリアを広げたい方まで、しっかりＷｅｂデザインを学びたい、あらゆる方のための一冊です。

コーディングに適したプロトタイプが作れる！

本書はAdobe XDを使った
WebデザインとUIのプロトタイピングを、
高品質なサイトを作りながら、
現場のワークフローに沿って学んでいく本です。

ワイヤーフレームの作り方から、
ビジュアルカンプ制作、
デザイン要素の効率的な制作と管理、
インタラクティブなプロトタイプ制作、
画面遷移やコーディングに必要なデザインスペックの共有、
さらに動きのあるUI設計やプラグイン活用まで、
現場レベルで求められるスキルを、
より実践的な学び方で習得できます。

初学者から、現場経験が浅い新人デザイナー、
さらにグラフィックデザインからWebへキャリアを広げたい方まで、
しっかりWebデザインを学びたい、あらゆる方のための一冊です。

※お届け日が変更になりました
5月29日→6月1日

目次

Chapter 1　Adobe XDの基本と制作準備
01｜Adobe XDが必要になった背景
02｜Adobe XDの特徴
03｜インストールと環境設定
04｜フォント環境を整える

Chapter 2　ワイヤーフレームの制作
01｜制作の準備をする
02｜トップページのワイヤーフレームを作成する
03｜コンポーネントについて理解する
04｜トップページのワイヤーフレームを完成させる
05｜下層ページのワイヤーフレームを完成させる

Chapter 3　スマートフォン版デザインカンプの制作（1）トップページ
01｜共通パーツを作成する
02｜トップページデザインの作成

Chapter 4　スマートフォン版デザインカンプの制作（2）下層ページ
01｜下層ページ共通デザインの作成
02｜コンセプトページの作成
03｜製品一覧ページの作成
04｜敏感肌用化粧水ページの作成
05｜よくあるご質問ページの作成
06｜店舗情報ページの作成
07｜「オンラインショップ」セクションの作成
08｜メニューページの作成

Chapter 5　インタラクティブ・プロトタイプの制作
01｜プロトタイプモードに切り替えて作業する
02｜リンクを設定する
03｜共通部分のリンクの設定
04｜メニューページのプロトタイプ

Chapter 6　プロトタイプとデザインスペックの共有
01｜プロトタイプを共有する
02｜デザインスペックを共有する

Chapter 7　デスクトップ版デザインカンプの制作
01｜デスクトップ版を作成する準備
02｜デスクトップ版トップページを作成する
03｜下層ページの共通部分を作成する
04｜下層ページを作成する

Chapter 8　コーディングの準備と画像の書き出し
01｜コーディングの準備
ほか

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。