あらゆるワークフローを改善! デザインツールを...
TRANSCRIPT
![Page 1: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/1.jpg)
![Page 2: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/2.jpg)
あらゆるワークフローを改善! デザインツールを越えたXDの底力
デザイナー 田中 忍
CSS Nite LP57 All About XD
![Page 3: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/3.jpg)
株式会社 LIFULL
デザイナー 田中 忍※ディレクター、フロントエンド実装に 回ることもあります。
![Page 4: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/4.jpg)
![Page 5: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/5.jpg)
![Page 6: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/6.jpg)
![Page 7: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/7.jpg)
“汎用性”このセッションのキーワード
![Page 8: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/8.jpg)
ワークフローにおけるXDの汎用性を、 他のツールとの連携や比較を交えながら
お話しします
本日お話しすること
デザイナーの方にも、非デザイナーの方にも聞いてほしい!
![Page 9: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/9.jpg)
Adobe XDの使いドコロ
![Page 10: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/10.jpg)
Adobe XDの使いドコロ
ワークフロー の中心になるXD
赤入れツール としてのXD
仕様書ツール としてのXD
21 3
超汎用ツール
![Page 11: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/11.jpg)
ワークフロー の中心になるXD
赤入れツール としてのXD
仕様書ツール としてのXD
21 3
Adobe XDの使いドコロ超汎用ツール
![Page 12: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/12.jpg)
ワークフローの 中心になるXD1
![Page 13: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/13.jpg)
つまり、どういうこと??
ワークフローの中心になるXD1
![Page 14: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/14.jpg)
プロジェクト進行における利用ツールが ほぼXDで完結するようになります
ワークフローの中心になるXD1
![Page 15: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/15.jpg)
事例紹介コーポレートサイトリニューアル
株式会社LIFULL
![Page 16: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/16.jpg)
社名変更に伴う、コーポレートサイト開発を担当することに
ディレクター兼 デザイナー
![Page 17: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/17.jpg)
• 企画 • コンテンツ • デザイン
開発会社A• WordPress実装
ライター• コンテンツ
開発会社B• サーバー管理・保守
コーポレートサイト開発のプロジェクト体制
![Page 18: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/18.jpg)
XDを導入してどう変わったか?
ワークフローの中心になるXD1
導入事例:コーポレートサイトリニューアル
![Page 19: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/19.jpg)
企画 仕様 デザイン 実装・テスト・リリース
ワークフロー|XD導入前
![Page 20: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/20.jpg)
プロトタイプ・仕様・デザイン 実装・テスト・リリース
+
ワークフロー|XD導入後
![Page 21: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/21.jpg)
ワークフローをざっくり再現!導入事例:コーポレートサイトリニューアル
![Page 22: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/22.jpg)
承認
1. 仕様を確定・デザイン
![Page 23: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/23.jpg)
ライティング
2. コンテンツの受渡し
.txtファイル
承認
![Page 24: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/24.jpg)
ライティング
3. ディティール制作
.txtファイル
承認
微調整・書き出し
![Page 25: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/25.jpg)
ライティング
微調整・書き出し
フロント実装へ 受け渡し
.txtファイル
4. 実装へ受け渡し
承認
![Page 26: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/26.jpg)
企画 仕様 デザイン 実装・テスト・リリース
プロトタイプ・仕様・デザイン 実装・テスト・リリース
+
![Page 27: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/27.jpg)
企画 仕様 デザイン 実装・テスト・リリース
プロトタイプ・仕様・デザイン 実装・テスト・リリース
+利用ツールがXDに集約され、
プロジェクトの中心に座ることに。
![Page 28: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/28.jpg)
もし、利用ツールがバラバラだと…
急な修正、デザインには反映したけど、 仕様書がアップデートされていない!
急だったから こっちで修正しちゃった!
あれ?仕様変わったよね? 仕様書だけ以前のまま…
![Page 29: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/29.jpg)
XDがプロジェクトの中心になれば…
とりあえずXDを見ればOK
細かい作業は任せて!
![Page 30: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/30.jpg)
仕様書作成、デザイン、 アセット受け渡しまで丸々対応。 XD中心のワークフローに。パワポ→エクセル→フォトショといった切れ目がない ステータス管理、ファイル管理もシンプルに
ワークフローの中心になるXD1 まとめ その1
![Page 31: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/31.jpg)
チームにおけるコミュニケーションに XDの「ある特徴」が大いに貢献しました
ワークフローにおけるもう一つの恩恵
![Page 32: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/32.jpg)
「速さ」
![Page 33: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/33.jpg)
XDの特徴:とにかく軽い!速い!起動、挙動、全てが速い 大量にアートボードを作っても速い 使って一番最初に驚くポイントかも
![Page 34: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/34.jpg)
では、動作の速さが どうコミュニケーションの改善につながるのか?
![Page 35: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/35.jpg)
“井戸端会議”キーワード
![Page 36: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/36.jpg)
“井戸端会議”が多かった
承認を取りたくても そもそもMtg予定が合わない状況
コーポレートサイト開発では…
![Page 37: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/37.jpg)
なので その場その場でメンバーを捕まえては
XDの画面を見せていた
コーポレートサイト開発では…
“井戸端会議”が多かった
![Page 38: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/38.jpg)
“井戸端会議”が多かったなので、
その場その場でメンバーを捕まえては XDの画面を見せていた
コーポレートサイト開発では…
つくって見せて、その場で直す。 XDの身軽さの恩恵。
![Page 39: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/39.jpg)
動作の速さが コミュニケーションの 速さに直結。つくって、見せてを1つのツールで。 井戸端会議でも大活躍
ワークフローの中心になるXD1 まとめ その2
![Page 40: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/40.jpg)
Adobe XDの使いドコロ
ワークフロー の中心になるXD
赤入れツール としてのXD
仕様書ツール としてのXD
21 3
超汎用ツール
![Page 41: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/41.jpg)
ワークフロー の中心になるXD
赤入れツール としてのXD
仕様書ツール としてのXD
21 3
Adobe XDの使いドコロ超汎用ツール
![Page 42: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/42.jpg)
赤入れツール としてのXD2
![Page 43: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/43.jpg)
他のツールではやりにくい XDならではの履歴管理が可能
赤入れツールとしてのXD2
![Page 44: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/44.jpg)
事例紹介リクルートサイト監修
株式会社LIFULL
![Page 45: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/45.jpg)
![Page 46: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/46.jpg)
リクルートサイトPJの概要
既にリリースされているリクルートサイトについて
-デザインを修正 -コンテンツページを拡充
して、2次リリースする
![Page 47: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/47.jpg)
• 依頼/監修
デザイン会社• 企画 • デザイン • 開発実装
リクルートサイトPJの体制
![Page 48: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/48.jpg)
ずばり「赤入れ」この赤入れを、XDで対応してみた
何を担当したか?
![Page 49: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/49.jpg)
XDを赤入れに導入するメリットとは?
赤入れツールとしてのXD2
導入事例:リクルートサイト監修
![Page 50: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/50.jpg)
今までは状況に合わせて 手書き、Acrobat、Photoshop等を利用。
![Page 51: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/51.jpg)
→その度ファイル授受も発生
赤入れの過程で 細かいやり取りが生まれる
![Page 52: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/52.jpg)
普通は…
毎回、別ファイルを作ったり、 必要に応じてパブリッシュしたり、 メールやチャットに添付したり…
![Page 53: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/53.jpg)
普通は…
毎回、別ファイルを作ったり、 必要に応じてパブリッシュしたり、 メールやチャットに添付したり…
そして残る 大量のファイル
![Page 54: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/54.jpg)
普通は…
毎回、別ファイルを作って、 毎回、必要に応じてパブリッシュして、 毎回、メールやチャットに添付して…XDなら、1ファイルで編集履歴ごと完結可能。
共有機能で、書き出しはリンク1本だけ。
![Page 55: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/55.jpg)
編集履歴が綺麗に管理できると…
「言った言わない」「先祖返り」 が起こりづらくなる。
![Page 56: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/56.jpg)
言った言わない、先祖返りもしづらい。 まさに赤入れツールの新定番!
赤入れツールとしてのXD2 まとめ
アートボードが増えても影響なし。 履歴を1つのファイルに記録。 ファイルもすっきり。
![Page 57: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/57.jpg)
Adobe XDの使いドコロ
ワークフロー の中心になるXD
赤入れツール としてのXD
仕様書ツール としてのXD
21 3
超汎用ツール
![Page 58: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/58.jpg)
ワークフロー の中心になるXD
赤入れツール としてのXD
仕様書ツール としてのXD
21 3
Adobe XDの使いドコロ超汎用ツール
![Page 59: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/59.jpg)
仕様書ツール としてのXD3
![Page 60: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/60.jpg)
仕様書の精度をアップ!
仕様書ツールとしてのXD3
-今度は「部分最適化」-
![Page 61: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/61.jpg)
事例紹介LIFULL地方創生ブランドサイト
株式会社LIFULL
![Page 62: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/62.jpg)
![Page 63: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/63.jpg)
LIFULL地方創生ブランドサイトPJの体制
開発は内製
![Page 64: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/64.jpg)
デザイン
LIFULL地方創生ブランドサイトPJの体制
事業プロデューサー フロントエンド開発
えらい人
えらい人
![Page 65: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/65.jpg)
デザイン
フロントエンド/マークアップエンジニアのチーム
事業プロデューサー フロントエンド開発
えらい人
えらい人
![Page 66: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/66.jpg)
デザイン
田中はグラフィック/コンセプト、別のメンバーがWEBデザイン
事業プロデューサー フロントエンド開発
えらい人
えらい人
![Page 67: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/67.jpg)
デザイン
プロデューサーがサイト企画/設計を担当
事業プロデューサー フロントエンド開発
えらい人
えらい人
![Page 68: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/68.jpg)
デザイン事業プロデューサー フロントエンド開発
えらい人
えらい人
![Page 69: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/69.jpg)
デザイン
プロデューサーがサイト企画/設計を担当
事業プロデューサー フロントエンド開発
えらい人
えらい人
![Page 70: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/70.jpg)
同時に、事業立案からオペレーションまで対応
超絶忙しい人…!
事業プロデューサー
![Page 71: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/71.jpg)
プロデューサーに仕様書を書いてもらった …が、しかし
![Page 72: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/72.jpg)
プロデューサーに仕様書を書いてもらった …が、しかし
ほんとにコレで進めて大丈夫!?
仕様書の精度が…低い…!!
![Page 73: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/73.jpg)
企画とデザインの間に溝が生まれてしまう
この仕様でデザインして! えっ、これが…仕様!?
仕様 デザイン
![Page 74: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/74.jpg)
仕様書の精度を上げるフローでXDを活用した
仕様 デザイン
![Page 75: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/75.jpg)
「画面設計」はXDの得意分野!!!
テキスト
要素
構成
![Page 76: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/76.jpg)
仕様書ツールとしてのXD3 まとめ
仕様書の作成・確認も最速。 XDのままデザインしてもOK。
画面設計ツールとしては、 もはや比肩するツールは無いかもしれない
![Page 77: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/77.jpg)
まとめ
![Page 78: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/78.jpg)
ワークフローの 中心になるXD
赤入れツール としてのXD
仕様書ツール としてのXD
21 3
Adobe XDの使いドコロ超汎用ツール
![Page 79: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/79.jpg)
デザイナー、ディレクター、プロデューサー、エンジニア、etc…
XDはさまざまな人にとって、 様々な場面で役に立ちます。
![Page 80: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/80.jpg)
「ここで使える」と自然に感じたとき。 それがXDの使いドコロです。
![Page 81: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/81.jpg)
最後に…
![Page 82: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/82.jpg)
シニアデザイナー募集中!!!詳細はリクルートサイトへ!!
![Page 83: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/83.jpg)
![Page 84: あらゆるワークフローを改善! デザインツールを …cssnite.jp/lp/lp57/followup/CSSNiteLP57r-s5-tanaka.pdfあらゆるワークフローを改善! デザインツールを越えたXDの底力](https://reader036.vdocuments.site/reader036/viewer/2022081614/5fbff022833da92df501d26f/html5/thumbnails/84.jpg)
ありがとうございました