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

ワイヤーフレームから フィニッシュワークまで Adobe XDの使い所

395a7f7bd62c70f54eff279dd531633e?s=47 Risa Yuguchi
October 21, 2016

ワイヤーフレームから フィニッシュワークまで Adobe XDの使い所

Adobe XD Meeting #02 の発表資料です

395a7f7bd62c70f54eff279dd531633e?s=128

Risa Yuguchi

October 21, 2016
Tweet

Transcript

  1. "EPCF9%.FFUJOH ωο τύΠϩςΟϯάגࣜձࣾ 6*σβΠφʔ ౬ޱΓ͞ ϫΠϠʔϑϨʔϜ͔Β ϑ Οχογϡ ϫʔΫ·Ͱ "EPCF9%ͷ࢖͍ॴ

  2. ϑϩϯτΤϯυΤϯδχΞ +4"4 ˠ6*σβΠφʔ 8IP ݱࡏͷϓϩδΣΫτ ɿ খചۀ޲͚ͷάϧʔϓ΢ΤΞ6*σβΠϯ ΄΅ຖ݄"EPCF9%ษڧձ Ծ ͷਓ

    5XJUUFS ɿ !SJTBZ ͍͍ͩͨ"EPCF9%ͷ࿩
  3. 9%ΛීஈͲ͏࢖ͬ ͯΔ ʁ ##޲͚ͷ6*σβΠϯ εϥΠυ࡞੒ ϋοΧιϯͰϓϩτλΠϓ

  4. ຊ೔ͷ͓୊ ࠷ۙͷ9%ͷදݱྗ Ͱ͖Δ͜ͱͰ͖ͳ͍͜ͱ σϞ

  5. ࠷ۙͷ9%ͰͰ͖Δ͜ͱ Cake Catalogue

  6. Ͱ͖ͳ͍͜ͱ͸छྨ 6*͕ଘࡏ͠ͳ͍͔Β9%͚ͩͰ͸Ͱ͖ͳ͍ ػೳΛඋ͑ͯͳ͍͔ΒͰ͖ͳ͍ ɾ ഁઢ ɾ ԁܗάϥσʔγϣϯͳͲ ɾ CSSͷॻ͖ग़͠ͳͲ ɾ

    ॎॻ͖ςΩετ ɾ ݻఆϔομʔʗϑολʔʗϙο ϓΞο ϓʗ ϚΠ ΫϩΠϯλϥΫγϣϯͳͲ
  7. ϝϯόʔ͕8JOEPXTͷΈˠϓϩτλΠϓͰ΍ΊΔ ڞಉ࡞ۀͷ9% ҰਓͰ࡞ۀͰ͖ΔˠϑΟχογϡϫʔΫ·Ͱ खͰ)5.-$44Λ૊ΊΔϝϯόʔ͕ډͳ͍ ˠϓϩτλΠϓͰ΍ΊΔ

  8. ͦͷલʹ ʂ 6*ΩοτΛ࢖͏ͳΒϑΥϯτΛ४උ ˞ೖͬͯͳ͚Ε͹ ɾ San Francisco (SF UI Display

    / SF UI Text) https://developer.apple.com/fonts/ ɾ Roboto Typekit or https://github.com/google/roboto ɾ Noto Typekit or https://www.google.com/get/noto/ ɾ Segoe UI 8JOEPXT൛͔ΒͰ͍͍͔΋
  9. ϑΥ ϯτ͸ͳͥඞཁʁ ϞόΠϧΞϓϦϓϨϏϡʔͰ͸ɺ σβΠϯͰ࢖ΘΕ͍ͯΔ ϑΥϯτΛ୺຤ʹμ΢ϯϩʔυͯ͘͠ΕΔ  Android iOS F F

    a
  10. ΞΠσΞεέονΛ9%Ͱ ϑΥϯτ͸มߋ͠ͳ͍ γΣΠϓͷ৭΋ม͑ͳ͍ ΞΠίϯͷԾ౰ͯ͸ΞΠίϯϑΥϯτ΋࢖͑Δ

  11. ϫΠϠʔϑϨʔϜΛ9%Ͱ Ϙλϯ ɾ ΞΠίϯϘλϯ͸άϧʔϓԽ͢Δ ελΠϧઐ༻ͷΞʔτϘʔυʹඞͣϑΥϯτ໊Λ ʂ άϧʔϓʹը໘ભҠઃఆ͢Ε͹ɺ ϘλϯͷσβΠϯมߋ͕͋ͬͯ΋࠶ઃఆෆཁ

  12. ΞΠίϯϑΥ ϯτ 'POUBXFTPNF (JUIVC͔Β05'·ͨ͸55'ܗࣜͷϑΥϯτ ϑΝΠϧΛ μ΢ϯϩʔυ͢Δ ϦϐʔτάϦουͱςΩετ ϑΝΠϧͱ'POUBXFTPNF

  13. ΞΠίϯϑΥ ϯτ 'POUBXFTPNF ȍ +FU#SBJOTܥͷ*%&͸ࣗಈͰ 'POUBXFTPNFͷදࣔΛߦ͏ ςΩετ ϑΝΠϧ͔Β ϦϐʔτάϦου΁

  14. ΞΠίϯϑΥ ϯτΛ࢖͑͹ ȍ ȍ ϦϐʔτάϦουͰ ৭ସ͑ࣗࡏ ϦϐʔτάϦουͰ ԣˠॎ΋มߋͰ͖Δ ϑΥϯτʹ͓͚ͯ͠͹ ৭ସ͑ࣗࡏ

  15. ελΠϧͷෳ੡ ϑΥ ϯτ ɿ ϓϧμ΢ϯ͸ఘΊͯίϐϖ ϑΥϯτҎ֎ͷελΠϧ ɿ ෳ߹γΣΠϓΛ࡞Γղআ͢Δ

  16. ϑΥ ϯτ ɿ 5ZQFLJUͰબͿͱ͖ ϑΥϯτͷݸผը໘ʹӳޠͷϑΥϯτ໊͕ॻ͍ͯ͋Δ ࠷ޙͷ ϒϩοΫҎ֎͕ ϑΥϯτ໊

  17. ελΠϧΛ೚ҙͷγΣΠϓʹෳ੡ ෳ੡͍ͨ͠ελΠϧͷγΣΠϓ͸ ඞͣର৅γΣΠϓΑΓԼʹ ʂ άϥσʔγϣϯ΋ ઢͷελΠϧ΋

  18. ελΠϧઐ༻ͷΞʔτϘʔυΛ࡞Δ Ұ൪࠷ॳʹ࡞ΔΞʔτϘʔυ͸શͯͷ֊૚ͰҰ൪Լ ѻ͍ʹͳΔ ϑΥϯτҎ֎ͷελΠϧΛूΊ͓͚ͯ͹޾ͤʹ ʂ

  19. ؾΛ͚ͭΔ͜ͱ ଠࣈʹରԠ͢Δ΢ΣΠτ͕Πϯετʔϧ͞Ε͍ͯΔ ʁ ࣼମʹରԠ͢Δ΢ΣΠτ͕Πϯετʔϧ͞Ε͍ͯΔ ʁ

  20. ࠓճೖΒͳ͔ͬͨ࿩

  21. ϦϐʔτάϦ ο υ͋Ε͜Ε OK Ωϟϯηϧ ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ

    ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ ϝοηʔδૹ৴ ϦϐʔτάϦουͰϘλϯσβΠϯΛ·ͱΊͯνΣοΫ ౓ճసͯ͠ύϯͣ͘Ϧετ
  22. ϦϐʔτάϦ ο υ͋Ε͜Ε ϦϐʔτάϦουʴϚεΫ ϦϐʔτάϦου ʴ։࢝ҐஔͣΒ͠ ͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋

  23. ΦʔϓϯύεΛ׆༻ͯ͠λϒ࡞੒ ෳ߹ύεΛ࡞Δ ϖϯπʔϧͰϙΠϯτ ɹͷ݁߹Λ։͘ ΦϒδΣΫτʼύεʼ ɹύεʹม׵ ෆཁͳϙΠϯτΛ࡟আ