Upgrade to Pro — share decks privately, control downloads, hide ads and more …

時間がないディレクターのための雑なXd活用法

3mp
February 19, 2018

 時間がないディレクターのための雑なXd活用法

Adobe XD Meeting #13

3mp

February 19, 2018
Tweet

More Decks by 3mp

Other Decks in Design

Transcript

  1. 時 間 が な い デ ィ レ ク タ

    ー の た め の 雑 な 活 用 法 2 0 1 8 0 2 1 9 | A d o b e X D M e e t i n g # 1 3 | U X M I L K 三 瓶 亮
  2. 三 瓶 亮 UX MILK (MINER STUDIO Inc.) 編集長 /

    プロデューサー 3mp brainmosh 1983年生まれ。東京生まれアメリカ育ち。 今の仕事に就く前は、ソシャゲのディレクター/デザイナーとかやっ てました。 3年前くらいにUX MILK立ち上げました。 ※UXやデザインに関しては勉強中ですので優しくしてください。
  3. C A U T I O N こ の プ

    レ ゼ ン で は X dのイケてるテクとか特 に でて き ま せ ん 。 予 め ご 了 承ください。
  4. C A U T I O N 2 X d

    に 関 し て は ろ く に使い方読まずに実務で使 い 始め て し ま っ た た め 、 知 らない機能が多々ありま す。 ( あ る 意 味 す ご い ぞX d!) い ろ い ろ 教 え て く ださい…
  5. T O D A Y ’ S T O P

    I C デ ィ レ ク タ ー 観 点 からみるAdobe X D = ワ ー ク フ ロ ー 、 コミュニケーション重点
  6. U X M I L K の 制 作 現

    場 に つ い て
  7. W H A T W E D O | 何

    を や っ て い る の か PROJECT UX MILK メ デ ィ ア イ ベ ン ト サ ー ビ ス U X 界 隈 の 情 報 を 発 信 す る サ イ ト U X デ ザ イ ン の 勉 強 会 と い う か 飲 み 会 ク リ エ イ タ ー 限 定 の 転 職 サ ー ビ ス
  8. W H A T W E D O | 何

    を や っ て い る の か
  9. W H A T W E D O | 何

    を や っ て い る の か
  10. W H A T W E D O | 何

    を や っ て い る の か
  11. ソ ー モ リ フ ル ス タ ッ ク

    っ ぽ い エ ン ジ ニ ア イ ワ ヤ マ さ ん 企 画 も コ ー ド も 触 れ る ス ー パ ー デ ィ レ ク タ ー T E A M U X M I L K | だ れ が や っ て い る の か サ ン ペ イ デ ザ イ ン も 結 構 や る プ ロ デ ュ ー サ ー
  12. ソ ー モ リ フ ル ス タ ッ ク

    っ ぽ い エ ン ジ ニ ア イ ワ ヤ マ さ ん 企 画 も コ ー ド も 触 れ る ス ー パ ー デ ィ レ ク タ ー サ ン ペ イ デ ザ イ ン も 結 構 や る プ ロ デ ュ ー サ ー T E A M U X M I L K | そ れ ぞ れ の 担 当 企 画 ・ U X 設 計 フ ロ ン ト エ ン ド U I デ ザ イ ン ビ ジ ュ ア ル デ ザ イ ン デ ー タ 分 析 広 告 バ ッ ク エ ン ド 情 報 設 計 イ ベ ン ト 企 画 ・ 運 営 イ ベ ン ト 運 営 編 集 ・ 執 筆 ・ 校 正 営 業 ・ 広 告 提 案 メ デ ィ ア サ ー ビ ス イ ベ ン ト
  13. ソ ー モ リ フ ル ス タ ッ ク

    っ ぽ い エ ン ジ ニ ア イ ワ ヤ マ さ ん 企 画 も コ ー ド も 触 れ る ス ー パ ー デ ィ レ ク タ ー サ ン ペ イ デ ザ イ ン も 結 構 や る プ ロ デ ュ ー サ ー 企 画 ・ U X 設 計 フ ロ ン ト エ ン ド U I デ ザ イ ン ビ ジ ュ ア ル デ ザ イ ン デ ー タ 分 析 広 告 バ ッ ク エ ン ド 情 報 設 計 イ ベ ン ト 企 画 ・ 運 営 イ ベ ン ト 運 営 編 集 ・ 執 筆 ・ 校 正 営 業 ・ 広 告 提 案 T E A M U X M I L K | そ れ ぞ れ の 担 当
  14. M A N A G I N G T A

    S K S | タ ス ク マ ネ ー ジ メ ン ト ア ジ ャ イ ル も ど き な 開 発 体 制 、 毎 週 ス プ リ ン ト を 行 っ て タ ス ク 整 理 を す る 通 常 、 設 計 ・ デ ザ イ ン に か け ら れ る 時 間 は 週 に 2 ~ 3 時 間 開 発 が 止 ま ら な い よ う に 必 死 ぶ っ ち ゃ け X d な か っ た ら 死 ん で た
  15. U X M I L K チ ー ム で

    の ワ ー ク フ ロ ー
  16. ソ ー モ リ フ ル ス タ ッ ク

    っ ぽ い エ ン ジ ニ ア イ ワ ヤ マ さ ん 企 画 も コ ー ド も 触 れ る ス ー パ ー デ ィ レ ク タ ー サ ン ペ イ デ ザ イ ン も 結 構 や る プ ロ デ ュ ー サ ー H O W W E M A K E | ワ ー ク フ ロ ー 0 | 施 策 開 始 1 | ワ イ ヤ ー フ レ ー ム 確 認 & F B 2 | デ ザ イ ン 確 認 & F B 実 装 3 | カ イ ゼ ン
  17. ソ ー モ リ フ ル ス タ ッ ク

    っ ぽ い エ ン ジ ニ ア イ ワ ヤ マ さ ん 企 画 も コ ー ド も 触 れ る ス ー パ ー デ ィ レ ク タ ー サ ン ペ イ デ ザ イ ン も 結 構 や る プ ロ デ ュ ー サ ー H O W W E M A K E | ワ ー ク フ ロ ー 0 | 施 策 開 始 1 | ワ イ ヤ ー フ レ ー ム 確 認 & F B 2 | デ ザ イ ン 確 認 & F B 実 装 3 | カ イ ゼ ン
  18. T O O L S | 使 用 ツ ー

    ル 、 迷 走 し て た い ま ま で は ツ ー ル 難 民 で し た 。 い ろ い ろ 使 っ て み た け ど 、 い い 具 合 の も の が な い そ も そ も デ ザ イ ン ツ ー ル じ ゃ な い が っ つ り デ ザ イ ン す る 感 じ
  19. も っ と 遷 移 と か 情 報設計とかを気軽に共有 して

    、 そ の ま ま デ ザ イ ン できるやつないの?
  20. ソ ー モ リ フ ル ス タ ッ ク

    っ ぽ い エ ン ジ ニ ア イ ワ ヤ マ さ ん 企 画 も コ ー ド も 触 れ る ス ー パ ー デ ィ レ ク タ ー サ ン ペ イ デ ザ イ ン も 結 構 や る プ ロ デ ュ ー サ ー H O W W E M A K E | ワ ー ク フ ロ ー 0 | 施 策 開 始 1 | ワ イ ヤ ー フ レ ー ム 確 認 & F B 2 | デ ザ イ ン 確 認 & F B 実 装 3 | カ イ ゼ ン
  21. 1 W I R E F R A M E

    | ワ イ ヤ ー フ レ ー ム 企 画 段 階 や デ ザ イ ン 方 針 が 決 ま っ て い な い 場 合 は 、 グ ラ フ ィ カ ル な 要 素 は 余 計 な 議 論 を 生 む か ら 入 れ な い 。 テ キ ス ト は あ る 程 度 具 体 的 に 入 れ る 。
  22. 1 W I R E F R A M E

    | ワ イ ヤ ー フ レ ー ム 企 画 段 階 の も の は 情 報 設 計 や フ ロ ー を 確 認 す る た め 、 あ る 程 度 全 貌 が 見 え る よ う に つ く る
  23. 1 W I R E F R A M E

    | ワ イ ヤ ー フ レ ー ム 確 認 & 修 正 あ る 程 度 パ タ ー ン を 出 し た ら 企 画 側 の 二 人 で 画 面 上 で あ ー だ こ ー だ 並 べ 替 え た り す る X d は そ の 場 で い ろ い ろ 取 り 回 し が し や す い ぞ ( 個 人 的 な 感 想 ) ア ー デ ヨ コ ー デ ヨ フムフム ナレバ… ポ イ ン ト : コ ン セ ン サ ス が 取 れ れ ば 多 少 汚 く な っ て も い い 、 と い う 気 分 で
  24. 2 V I S U A L D E S

    I G N | ワ イ ヤ ー に そ の ま ま デ ザ イ ン を 施 す ワ イ ヤ ー に そ の ま ま 意 匠 的 な 要 素 を 盛 り 込 み 、 ピ ク セ ル 単 位 で 整 え て い く
  25. 2 V I S U A L D E S

    I G N | ワ イ ヤ ー に そ の ま ま デ ザ イ ン を 施 す 理 由 : そ の ま ま コ ー デ ィ ン グ の 仕 様 書 と し て 、 フ ロ ン ト 担 当 に X d 見 な が ら つ く っ て も ら え る コ ー デ ィ ン グ ヨ ロ エート、ココノ サイズハ… ポ イ ン ト : X d な ら 非 デ ザ イ ナ ー に も 渡 し て も O K だ !
  26. 3 K A I Z E N | 機 能

    ご と の X d フ ァ イ ル で ど ん ど ん 作 っ ち ゃ っ て も い い 理 由 1 : す ぐ 古 く な る か ら 全 画 面 に お い て 最 新 版 と の 整 合 性 を と る 手 間 が 惜 し い の で 、 機 能 ご と に 最 新 の デ ザ イ ン ベ ー ス で コ ミ ュ ニ ケ ー シ ョ ン す る スクショとって自分のUIをトレースすることもある…
  27. 3 K A I Z E N | 機 能

    ご と の X d フ ァ イ ル で ど ん ど ん 作 っ ち ゃ っ て も い い 理 由 2 : 意 思 決 定 の ス ピ ー ド が 鈍 る 1 機 能 に 対 し て 何 パ タ ー ン も 出 す と き に ほ か の フ ロ ー が 邪 魔 、 チ ー ム メ ン バ ー が 混 乱 す る コ ン カ イ ノ ヘ ン コ ウ 、 ド コ ? ポ イ ン ト : こ っ ち の 都 合 よ り 相 手 の 都 合 、 見 や す い 方 式 を 選 ぶ
  28. C O M M U N I C A T

    I O N | デ ザ イ ン の や り と り 貼る 戻し 確定後、実装 作成 共有 通知 調整 確認
  29. D O C U M E N T A T

    I O N | X d フ ァ イ ル を D o c B a s e に 埋 め 込 ん で 共 有 複 数 の 画 面 ・ 機 能 の 話 を す る と き に ま と め て 話 し や す い
  30. 【 P R 】 D o c B a s

    e に 関 し て は こ ち ら が 詳 し い h t t p : / / u x m i l k . j p / 6 9 4 5 4
  31. A D J U S T M E N T

    | C h r o m e D e v T o o l s で 手 直 し 細 か い 調 整 な ど は エ ン ジ ニ ア な ど と C h r o m e で ス テ ー ジ ン グ 環 境 を 一 緒 に い じ っ て 決 め る ほ う が 早 い
  32. S U M M I N G U P |

    い い た い こ と X d は 超 ナ イ ス な コ ミ ュ ニ ケ ー シ ョ ン ツ ー ル ① 非 デ ザ イ ナ ー も も っ と 活 用 す べ き 。 ② ス ケ ッ チ ブ ッ ク み た い に 使 え ば い い 。 汚 く 使 っ て も い い じ ゃ ん 。 ③ シ ン プ ル な デ ザ イ ン な ら ワ ン ス ト ッ プ で 出 来 ち ゃ う ぜ 。