Adobe XDではじめるWebデザイン＆プロトタイピング 一歩先行く現場のスキル

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｜コーディングの準備
02｜差し替え作業をする

Chapter 9　動きのあるUIの制作
01｜自動アニメーションの基本
02｜スクロールダウンアイコン
03｜開閉式のアコーディオンメニュー
04｜ボタンホバー時のアニメーション
05｜アンカーリンク

Chapter 10　プラグインの活用
01｜プラグインの使い方
02｜プラグインの紹介

付属データはこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。

• AdobeXDのアップデートによる齟齬について

  AdobeXDのアップデートによって、本書の執筆時点での内容と相違が生じることがあります。以下の著者サイトにて、可能な範囲でサポートさせていただいています。本書を読まれる際は、ご確認のほど、よろしくお願いします。
  https://book.tsukiakari.design/xd/support/