2021年Adobe XDの勉強に役立つ書籍・本

alone-view-sunset

こんにちは、デザイナー・ブロガーの
ゆっきー(@elcielo_design)です。

今回は、Adobe XDを学ぶ上で、
参考になる書籍を紹介しようと思います。

スポンサーリンク

Adobe XDを本で学ぶ。

Adobe XDは、UIデザイン (Webデザイン)
で使われるツールの1つ。

そんなAdobe XDを本で学びたい方のために
今のAdobe XDのレベルや状況に合わせて、
学習できる本を一覧にしてまとめてみました。

なお、まだAdobe XDを
購入してない方はこの記事をチェック。
Adobe CCを安く購入することができます。

また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimitedimpression?a id=1222425&p id=170&pc id=185&pl id=4062 - 2021年Adobe XDの勉強に役立つ書籍・本」がおすすめ。

Adobe XDの学習に役立つ書籍・本

「ジャンル別Adobe XDの書籍」

 レベル・ジャンル  タイトル (書籍名)
 ① 基本・操作
 (初心者向け)
 世界一わかりやすいAdobe XD
 UIデザインとプロトタイプ制作の教科書
 Adobe XD Webプロトタイピングツール
 動的要素をプログラミングなしで盛り込む!
 ② 実践的スキル
 (中級者向け)
 Adobe XD プロトタイピング実践ガイド
 〜ユーザーの要求に応えるUI/UXデザイン
 Adobe XDではじめる
 Webデザイン & プロトタイピング
 ③ Illustrator等も同時に
 学びたい人向け
 世界一わかりやすい Illustrator &
 Photoshop & XD Webデザインの教科書

下記でそれぞれ簡単に説明していきます。

スポンサーリンク

① Adobe XDの基本・操作が学べる
書籍・本「初心者向け」

「Adobe XD初心者向けの入門書」

  • 世界一わかりやすいAdobe XD
    UIデザインとプロトタイプ制作の教科書
  • Adobe XD Webプロトタイピングツール
    動的要素をプログラミングなしで盛り込む!

Adobe XDを初めて使うという方は、
まずこの冊のどれかから選択して
学び始めるのがおすすめになります。

実際のAdobe XDの操作する画面も
載っていてサクサク学べると思います。

世界一わかりやすいAdobe XD
UIデザインとプロトタイプ制作の教科書

定番「世界一わかりやすい教科書」
シリーズのAdobe XD入門書。

  タイトル
 (書籍名)
 世界一わかりやすいAdobe XD
 UIデザインとプロトタイプ制作の教科書
 価格  ¥2,728 (税込)
 発売日  2018/6/13
 対応バージョン  〜 Adobe XD CC2018
 特徴 ・XD基礎の基礎から制作テクニックまで、
 しっかり紹介されているデザイン本。
・サンプルサイト制作を通じてXDによる
 実践的なプロトタイプ作成・公開・共有・
 改善の流れも学べる。
・15のLessonから構成
・Lesson後に成果を出せる練習問題付き
・Lessonデータをダウンロードして
 操作を実践することが可能。
・Mac向けなのでWindowsの場合は少し不便
 内容  Lesson01 プロトタイピングとUIデザイン
 Lesson02 XDの基本
 Lesson03 XDでオブジェクトをつくる
 Lesson04 曲線やアイコンの作成
 Lesson05 テキストや画像の扱い
 Lesson06 リピートグリッドの利用
 Lesson07 共通パーツの管理
 Lesson08 グリッド設定と画像書き出し
 Lesson09 プロトタイピング
 Lesson10 プロトタイプの共有
 Lesson11 共有パーツの作成
 Lesson12 トップページの作成
 Lesson13 フォームや表の作成
 Lesson14 プロトタイピングとデータの整理
 Lesson15 Photoshopやサードパーティ
 との連携
 おすすめの人 ・定番シリーズでAdobe XDを学びたい人
 その他  

Adobe XD Webプロトタイピングツール
動的要素をプログラミングなしで盛り込む!

こちらもAdobe XDについて各章ごとに
基本からインターフェイス、LP、パス等
紹介している本。

  タイトル
 (書籍名)
 Adobe XD Webプロトタイピングツール
 動的要素をプログラミングなしで盛り込む!
 価格  ¥2,090 (税込)
 発売日  2018/4/1
 対応バージョン  
 特徴 ・Adobe XDの概要と基本的な仕組みを
 理解できる本。
・ページ数は100ページ未満と薄め。
 おすすめの人 ・Adobe XDの概要を抑えたい人
 その他  

② Adobe XDを実践的に学べる
書籍・本「中級者向け」

「Adobe XD中級者向けの入門書」

  • Adobe XD プロトタイピング実践ガイド
    〜 ユーザーの要求に応えるUI/UXデザイン
  •  Adobe XDではじめる
     Webデザイン & プロトタイピング
     一歩先行く現場のスキル

中級向けでは、XDの基本操作も学べるが、
プロトタイピングなども実践的に学べる
書籍を紹介しています。

Adobe XD プロトタイピング実践ガイド
〜ユーザーの要求に応えるUI/UXデザイン

UI/UXデザインを意識したAdobe XDで
高速プロトタイピングを実践するための本。

  タイトル
 (書籍名)
 Adobe XD プロトタイピング実践ガイド
 〜ユーザーの要求に応えるUI/UXデザイン
 価格  ¥3,278 (税込)
 発売日  2018/12/18
 対応バージョン  〜 Adobe XD CC2019
 特徴 ・プロトタイプ政策の基礎知識を学びながら
 Adobe XDを使いこなす実践書。
・ツールの使い方に偏らずプロトタイピング
 制作をはじめるための知識、構築の仕方に
 ついてもしっかり解説。
 内容  1 プロトタイピングの基礎知識
 2 プロトタイプ制作の基本を理解する
 3 Adobe XDの基本操作
 4 Adobe XDで動くプロトタイプを制作する
 5 ケーススタディで作業の進め方を学ぶ
 6 プロトタイプを公開・検証する
 おすすめの人 ・プロトタイピングを実践的に学びたい人
 その他  

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

コーディングに適した
プロトタイプが作れる
Adobe XD本。

  タイトル
 (書籍名)
 Adobe XDではじめる
 Webデザイン & プロトタイピング
 一歩先行く現場のスキル
 価格  ¥2,750 (税込)
 発売日  2020/5/29
 対応バージョン  
 特徴 ・WebデザインとUIのプロタイピングを
 高品質なサイトを作りながら、
 現場のワークフローに沿って学んでいく本
・現場レベルで求められるスキルを
 より実践的な学び方で習得できる。
・XD特有のクセの解決メモが役立つ。
・キャプションも多く丁寧で分かり易い内容
・細かい補足が多いのも特徴的。
・Mac向けなのでWindowsの場合は少し不便
 おすすめの人 ・プロトタイピングを実践的に学びたい人
 その他  

③ Adobe XDと合わせてIllustratorや
Photoshopを学べる書籍・本

「IllustratorやPhotoshopも同時に学べる書籍」

  • 世界一わかりやすい Illustrator &
    Photoshop & XD Webデザインの教科書

なお、IllustratorやPhotoshopは
別の書籍で学びたいという人は、
次の記事に一覧としてまとめています。

Photoshop & Illustrator & XD
Webデザインの教科書

Webデザイン学習の定番の入門書。
XDだけでなくPhotoshop等も学べます。

 タイトル
 (書籍名)
 世界一わかりやすい Illustrator &
 Photoshop & XD Webデザインの教科書
 価格  ¥2,728 (税込)
 発売日
 2018/10/15
 対応バージョン
  Adobe XD CS6 〜 CC 2018
 特徴 ・Webデザインで必要なるIllustratorと
 Photoshop、そしてXDも学べる本。
解説がかなり省略されている。
 (Adobeソフト初心者には不向き)
・作業テクニックが参考になる。
 おすすめの人 ・Webデザインを学習したい人
 その他  

最後に

以上がAdobe XDを学ぶ上で
役に立つ5冊の書籍の紹介でした。

全部を買っているときりがないので、
何冊かピックアップし買いましょう。

そして、それをベースに図書館の本や
ネットのチュートリアルをこなすのも
知識やスキルを磨くのに全然ありですね。

スポンサーリンク

シェアする