Learn Adobe XD
2018年12月18日発売
(技術評論社)
電子版
Gihyo Digital Publishing
学校・法人一括購入ご検討の皆様へ
Adobe XD 高速プロトタイピングを実践するための指南書です。こちらのサイトでは最新情報を掲載しています。Twitter(@commonstyle)でも情報を発信しています。
投稿日:2019年1月9日(水)
投稿日:2018年12月27日(木)
投稿日:2018年12月22日(土)
投稿日:2018年12月20日(木)
投稿日:2018年12月18日(火)
Introduction - はじめに
XDの最新アップデート情報
書籍で学ぶ前に必ずご確認ください
[12月アップデートの詳細]
レッスンデータ一覧
XD拡張プラグインの情報(準備中)
連動企画:マイクロインタラクション
付録:デザインシステムの参考情報
プロトタイピングの基礎知識
01 プロトタイプとプロトタイピング
02 スケッチからワイヤーフレーム/モックアップへ
03 アイデアの発想や問題解決に役立つ考え方を知っておこう
04 プロジェクトとアジャイル開発手法について学ぼう
プロトタイプ制作の基本を理解する
01 モバイルアプリの基本的なUIパターン
02 プロトタイピングのためのUIキットを活用しよう
03 プロトタイプの忠実度とレベルについて理解しよう
04 Webサイトのプロトタイプ制作の進め方を理解しよう
Adobe XDの基本操作
01 Adobe XDのワークスペース
02 アートボードの画面操作
03 ツールとモードを切り替えながら作図する
04 レイヤーパネルでオブジェクトを編集する
05[実習]フキダシのバリエーションを作る
06[実習]ページの角がめくれる形状を作る
07[実習]バナー広告のバリエーションを作成する
Column XDの機能を拡張するプラグインの活用
Adobe XDで動くプロトタイプを制作する
01 プロトタイプモードで簡単なインタラクションを設定する
02 ドラッグジェスチャーと自動アニメーションの基本操作
03 ドラッグ操作で動くカルーセルを作成する
04 カルーセルに奥行き感とクリック(タップ)操作を追加する
05 マイクロインタラクションを作成する
ケーススタディで作業の進め方を学ぶ
01 ランディングページのプロトタイプを作成する
02 ファーストビューを「高忠実度のプロトタイプ」で作成する
03 OS環境に依存しないクラウドフォントを活用する
プロトタイプを公開・検証する
01 読み込み機能と書き出し機能を理解する
02 プロトタイプとデザインスペックを公開する
マイクロインタラクションとは、アプリやサービスに含まれる「最小限のやり取り」の仕組みのことです。ボタンをクリックしたときの凹みや、処理を実行しているときに進捗を視覚的に表現するプログレスバーなど、さまざまなものがあります。マイクロインタラクションは総じてモーションデザインと密接です。XDに搭載されている「トランジション」「自動アニメーション」「オーバーレイ」などのアクションはマイクロインタクションに適した機能です。
現在、XD用の50種類のマイクロインタラクションを作成しています。Adobe XDで、アプリやWebサイトの(インタラクティビティレベルの高い)プロトタイプを作成するときのテンプレートになります。公開スケジュールは以下のようになっています。
厳選した使用頻度の高い10種類のマイクロインタラクション
現在、マイクロインタラクションを「素早く作成する操作スキル」を身につけるためのAdobe XD講座を実施しています。10種類のマイクロインタラクションは講座終了後に再利用可能なテンプレートとして公開します。
講座のアーカイブはどなたでも視聴できます。
30種類のマイクロインタラクション
「Adobe XD 基礎編」の学習者向けに先行公開
※実際にXDを学んでいる方々からのフィードバックを反映しながらテンプレートの完成度を高めます。学習者のみなさま、よろしくお願いいたします。
50種類のマイクロインタラクション
本サイト「Learn Adobe XD」で2019年2月末に全て公開
※テンプレートとしての完成度が低いものは、引き続きフィードバックを頂きながらテストを継続しますので、公開が遅れる場合があります。
XDはAdobe製品の中で最もアップデート数が多い製品です。2017年10月に正式版(バージョン1.0)がリリースされてから毎月アップデートが実施され、新機能が搭載されています。2018年11月現在、XDはバージョン13.1になっています。ChromeやFirefoxなどのWebブラウザーの更新頻度を上回る驚異的な開発スピードです。
搭載される新機能についてはAdobeの公式サイトで確認することができますが、操作方法やケーススタディはヘルプを見たりチュートリアルを探して学ぶしかありません。日本語に翻訳されていないチュートリアルが多いこともXDの教育コストを上昇させている要因の一つだといえるでしょう。また、2017年10月に対応した拡張プラグインの数も増えており、手間のかかった面倒な作業の自動化が次々と実現しています。
このようなXDの開発スピードに対応するため、本サイト「Learn Adobe XD」を公開しました。「Adobe XD プロトタイピング実践ガイド」のサポートサイトも兼ねていますので、まずは現在のXDの全体像をご確認ください。紹介している機能の使い方が変わった場合は、再学習の方法も掲載されますのでぜひご活用ください。
その他、XDの拡張に関する最新情報の共有やXDプラグインの日本語環境での検証、テストをおこなっている「XDエコシステム・リサーチグループ」やXDの初歩を動画で学べる「Adobe XD 基礎編」なども本サイトと連動していますのであわせてご覧ください。
XDエコシステム・リサーチグループは、XDの拡張に関する最新情報の共有、XDプラグインの日本語環境での検証、テストなどの情報を公開・共有するFacebookグループです。準備できしだいTwitterで告知します。
XDの基本を動画で習得するための学習コンテンツです。レッスンデータが用意されています。
※現在、購入可能になっていますが、10月アップデートに対応した新しいカリキュラムに入れ替え中です。
詳細ページを見る
Information
2018年6月13日発売
北村崇 著
B5判/240ページ
定価(本体2,480円+税)
ISBN 978-4-7741-9838-5
詳細ページを見る
2018年10月5日発売
黒野明子,庄崎大祐,角田綾佳,森和恵 著
B5判/272ページ
定価(本体2,480円+税)
ISBN 978-4-297-10032-2
詳細ページを見る
更新日:2018年12月27日(木)
Soy activo en la posición de Adobe Community Evangelist. Está principalmente a cargo de "Adobe Sensei" y "Adobe XD".
난은 Adobe Community Evangelist의 입장에서 활동하고 있습니다. 주로 "Adobe Sensei」과 「Adobe XD」를 담당하고 있습니다.
我是Adobe的“社区布道者”。它主要负责“Adobe Sensei”和“Adobe XD”。