これは見逃したらダメ!「Adobe XDではじめるWebデザイン&プロトタイピング」のKindle本が半額に!!
Post on:2020年9月28日
「Adobe XDではじめるWebデザイン&プロトタイピング」のKindle本が、半額セールになっています!
半額になるのを待っていた人も多いと思います。
2020年5月に発売されたばかりで、Amazonでも高評価ばかり、当ブログで紹介した際にも好評だったAdobe XDの解説書です。

セール期間は、いつまでか分かりません。
本日突然、半額対象になり、本書のみが半額になっているようです。
版元セールでもないし、日替わりセールでもないし、、、なんだろう。
セール期間は、10/14(水)まで。
Kindle プライムデーセールでした!
ちなみに、翔泳社はめったにセール対象になりません。
Adobe XDではじめるWebデザイン&プロトタイピング
[Amazon Kindle版]
- 著:
- 松下 絵梨
- 出版社:
- 翔泳社
- 発売日:
- 2020/5/29
本書の中身はこんな感じです。
Web制作に携わるすべての人、ディレクター、デザイナー、コーダーにお勧めです。Adobe XDをまだ使用したことがない、すでに使用しているけどもっと使いこなしたい、そんな人にぴったりの一冊です。

本書はAdobe XDユーザーグループのメンバーであり、大学の講師でもあり、UIデザイナーでもある著者が勉強会などで数年かけて集めたコツやノウハウが詰め込まれたものです。ワイヤーフレーム制作、デザイン制作、プロトタイプ制作、共有、画像書き出しまで、実際のワークフローに近い形で、Adobe XDの使用方法を学べます。

本書は10章構成で、1章はAdobe XDの基本情報とインストール・環境設定です。すでに使用している人も「フォント環境を整える」など、この機会に見直してみるとよいと思います。

2章から制作が始まります。架空のサイトをモデルとしてワイヤーフレームを制作します。本書の大きな特徴は、図が多く、解説が詳しいことです。ワイヤーフレームの完成形をぽんと見せて、たんたんと進めるだけでなく、そのワイヤーフレームの準備段階から本書では取り組みます。

解説の詳しさは、全ページに渡ります。ページの右側ピンク色のラベルはメモで、補足となる説明やヒントや操作のこつが充実しています。

もちろん、ページの解説も非常に詳しく、ステップごとに手順や操作方法が細かく画像入りで説明されており、操作の目的なども解分かるので、Adobe XDの作業に戸惑うことはないと思います。

ワイヤーフレームが完了したら、3章ではスマホ版のデザインカンプを制作します。Adobe XDには便利な機能がたくさんあり、実際に手を動かしながら学べます。

本書で使用しているファイルは、サポートサイトから無料でダウンロードできます。ただし、学習用途のみ利用可です。

トップページが完成したので、4章では下層ページ(コンセプト・一覧・プロダクト・よくあるご質問・店舗情報)を作成します。

5章ではプロトタイプ、Adobe XDではインタラクティブなプロトタイプを簡単に作成できます。ページ遷移させるリンク、ボタンやナビゲーションのアニメーションなど、コードを書かずに簡単に設定できます。

完成したプロトタイプの共有、デザインスペックの共有が簡単にできるのも、Adobe XDの大きな特徴です。チームのメンバーやクライアントと共有できます。

7章ではこれまで作成したスマホ版をベースに、デスクトップ版を制作します。

デザインカンプが完成したので、8章ではコーディングです。デザインカンプの書き出し、画像の書き出し、デザインスペックなど、Adobe XDは非常に便利なソフトウェアです。

Adobe XDの画像書き出しは、.png, .jpgだけでなく、.svgやRetinaディスプレイに対応した書き出しにも対応しています。

これで一通りの作業が完了です。
9章では、Adobe XDの自動アニメーションについてその仕組みと作り方について解説されています。動きのあるUIの事例がたくさん取り上げられており、実装方法も詳しく解説されています。

最後の10章では、Adobe XD用の便利なプラグインの紹介。2020年現在、200以上のプラグインがリリースされていますが、その中から厳選して紹介されています。

付録のキーボードショットカット一覧もありがたいですね!
WindowsとmacOSに対応しています。
Adobe XDではじめるWebデザイン&プロトタイピング
[Amazon Kindle版]
- 著:
- 松下 絵梨
- 出版社:
- 翔泳社
- 発売日:
- 2020/5/29
sponsors