8月9日開催の「ほぼ毎月AdobeXd勉強会（仮）」で発表したAdobeXdからのPDF書き出しについて

1. Adobe XDからのPDF書き出し、使
い所と勘所
@ほぼ毎月AdobeXD勉強会（仮）
2016/8/9
@KAZUMA87
Kazuma Sekiguchi

2. Who?
関 口 和 真
Comcent,Inc CTO
システム開発、Web製作全般、講師
最近はCordovaを利用したアプリ開発
ECサイト及び関連システム構築
Fireworks Users Group暫定会長
一昨日Lv３６
になりました

3. Agenda
1 XDでのPDFエクスポート
2 書き出されるPDFの特徴
3 DEMO
4 最適化

4. 今回の内容は
Adobe Experience Design CCの
バージョン0.5.10.8 β版
（2016年7月公開版）に基づく内容のため、
今後の開発状況やバージョンによって
内容に変更が生じます

5. 1XDでのPDFエクスポート

6. XDからのPDF書き出し
•XDからアートボードのPDF形式書き出しが
可能
•指定したアートボード、全てのアートボードの
書き出しを切り替え可能
•書き出しはできるが読み込むことは不可能
•残念・・・

7. 嬉しいこと
•Windows環境でXD作品の確認がファイルとして
可能
•XDを持っていないクライアントに渡すことも可能
• ほかのPDFと結合して1つのPDFファイルとして
渡すことができる
• 弊社の場合、これが非常に多い
•PDFに注釈を入れて共有が可能
•印刷して確認、赤入れも可能

8. 書き出されるPDFの順番
• アートボードの配置順でPDF内のページ順番が変わる
• 上にあるもの、左にあるアートボードからページが割り振られる
1つめの
アートボード
PDF：
1ページ目
2つめの
アートボード
PDF：
2ページ目
1つめの
アートボード
PDF：
2ページ目
2つめの
アートボード
PDF：
1ページ目

9. 2書き出されるPDFの特徴

10. PDFの特徴
• テキストは全てアウトライン化されて書き出される
• なぜかフォントも埋め込まれている（？）
• Aiでテキスト編集は不可能
• PDFをAiで開き画像を確認するとかなり変な画像が出てくる
• Aiで開き編集することは現時点では不可能
• Acrobatでも追記は可能だが、編集は不可能
• プロトタイプモードで付与したインタラクションは無視される
（PDFに反映されない）

11. 3DEMO

12. 4最適化

13. 最適化
•XDから書き出されるPDFファイルは
ファイルサイズが妙に大きい
•フォントが埋め込まれている（？）
• Acrobatの容量の調査で「フォント」部分が妙に
大きいバイトとして表示される
•ファイルサイズが大きいため、共有しづらい
•Acrobatの最適化を利用してファイルを最小化する
のがオススメ

14. 最適化
Acrobat Proで
いろいろとやってみた

15. 最適化
• 結果的には以下がファイルサイズが低くなり画面での
表示品質に問題が起きない
「PDF最適化」パネルで
• 「画像」にチェック（画像は画質に応じて設定を変更する）
• 「透明」にチェックし、解像度を選択
（標準解像度で問題無さそう）
• 「ユーザーデータを破棄」にチェックし、中は全てチェック
• 「最適化」にチェック
これで大体半分以下のファイルサイズになる

16. 5まとめ

17. まとめ
•PDFへ注釈を入れたらXDに反映されるような
機能があると嬉しいが、今後に期待
• またはXDへのコメント機能
•書き出しの最適化が進むと良いが、現状でも
Acrobatで最適化すればファイルサイズは
ある程度削減可能
• 社内などのファイルサイズが問題ならない環境であれば、
そのままのPDFでもOKのはず

18. Thank you
Windows版早く出ないかな～