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

SketchとAbstractとZeplinを使ってデザイン連携が楽になった話

1ee56a69bca68d2e771fac3675a211cd?s=47 yt30
April 27, 2018

 SketchとAbstractとZeplinを使ってデザイン連携が楽になった話

1ee56a69bca68d2e771fac3675a211cd?s=128

yt30

April 27, 2018
Tweet

Transcript

  1. 01 2 8 02102 0 .. 2 01 2 8

    02102 0 .. 2 4LFUDIʴ"CTUSBDUʴ;FQMJOͰ 6*σβΠϯͷ࡞ۀޮ཰͕ൈ܈ʹྑ͘ͳͬͨ࿩ ג ࣜ ձ ࣾ ε λ σ Ο ε τ ా த ༐ Ұ ࿕
  2. 01 2 8 02102 0 .. 2  ాத ༐Ұ࿕

    : V J DI J S P 5 B O B L B ͨͳΏ͏ גࣜձࣾελσΟετ 6*σβΠφʔ झຯ͸ອըɾΞχϝؑ৆ɺΠϥετɺΠϯςϦΞάοζ ऩूɺεϊϘɺμʔπɺFUDʜ
  3. 01 2 8 02102 0 .. 2  ςΟʔνϛʔɾϏζ ϓϩμΫτʹ͍ͭͯ

  4. 01 2 8 02102 0 .. 2  ύιίϯΛ࢖ΘͣεϚʔτϑΥϯ͚ͩͰ ը૾ɾಈըϕʔεͷϚχϡΞϧ࡞੒ɾ഑৴ͱӾཡ؅ཧ͕Մೳ

    ϓϩμΫτʹ͍ͭͯ ύιίϯ Ͱ΋0,ʂ εϚϗ͚ͩͰ ϚχϡΞϧ ࡞੒Մೳ
  5. 01 2 8 02102 0 .. 2  ಋೖاۀࣾ਺ ʢ༗ঈܖ໿ͷΈʣ

     ࣾ ˞೥݄̐ ݱࡏ ϓϩμΫτʹ͍ͭͯ
  6. 01 2 8 02102 0 .. 2  ϓϩμΫτʹ͍ͭͯ

  7. 01 2 8 02102 0 .. 2  ຊ୊ ͯͯ͞͞

  8. 01 2 8 02102 0 .. 2  σβΠϯϑΝΠϧͬͯ ͲΜͳײ͡Ͱڞ༗͍ͯ͠·͔͢ʁ

    ຊ୊Ͱ͢
  9. 01 2 8 02102 0 .. 2  %FTJHOFS ։ൃ෦

    Θͨ͠Ͱ͢ &OHJOFFS Y ຊ୊Ͱ͢
  10. 01 2 8 02102 0 .. 2  ݟ͖͑ͯͨ ʮ̎ͭͷ՝୊ʯ

  11. 01 2 8 02102 0 .. 2 ʮ̎ͭͷ՝୊ʯ ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧํ๏ΛͲ͏͢Δ͔ σβΠφʔಉ࢜ͰͷσβΠϯϑΝΠϧڞ༗ํ๏ʹ͍ͭͯ

    ՝ ୊  1 σβΠφʔ➔ΤϯδχΞ΁ͷσβΠϯϑΝΠϧͷڞ༗ํ๏ʹ͍ͭͯ ՝ ୊ 
  12. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ ෳ਺ਓͰͷσβΠϯϑΝΠϧͷ

    ڞಉฤू؅ཧʹ͍ͭͯ ՝୊̍
  13. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ ࢖͍ͬͯΔ6*੍࡞πʔϧ

    ಈ࡞΋͍ܰ͠ɺϕΫλʔϑΝΠϧରԠ͍ͯ͠ΔͷͰ ΊͬͪΌ࢖͍΍͍͢ʂ
  14. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ %FTJHO'JMF

    ϖʔδ"ʙ'Λ ୲౰͠·͢ɻ ϖʔδ(ʙ-Λ ୲౰͠·͢ɻ
  15. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ Ͳ͏΍ͬͯ̎ਓʢෳ਺ਓʣͰ੍࡞Λ͢Δʁ

  16. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ %FTJHO'JMF

    $MPVE σβΠϯϑΝΠϧ͸Ϋϥ΢υ্Ͱ؅ཧ͸͍ͯ͠Δ͚Ͳʜ
  17. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ %FTJHO'JMF

    $MPVE º ಉ࣌ʹҰͭͷϑΝΠϧΛฤू͢Δ͜ͱ͸Ͱ͖ͳ͍
  18. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ ୲౰͢Δϖʔδ͝ͱʹϑΝΠϧΛ෼੍͚ͯ࡞ͯ͠΋ɾɾɾ

    ౷ ߹
  19. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ ౷

    ߹ )FBEFS౳ͷ ڞ௨ύʔπ͕ όϥ͚ͯΔ मਖ਼͢Δ౓ʹ ౷߹͠ͳ͍ͱ͍͚ͳ͍ ͭΒΈ
  20. 01 2 8 02102 0 .. 2  ՝୊̍ෳ਺ਓͰͷσβΠϯϑΝΠϧͷڞಉฤू؅ཧʹ͍ͭͯ ύʔπͷ؅ཧ͕େมʹͳͬͨΓͳͲ࠷ऴతͳ౷߹͕ΊͬͪΌେมͦ͏ʜ

    ໘౗ͦ͘͞͏ʂʂʂʂʂ ˣ
  21. 01 2 8 02102 0 .. 2  ՝୊̎ΤϯδχΞ΁ͷड͚౉͠ɺڞ༗ํ๏ΛͲ͏͢Δ͔ ՝୊̎

    ΤϯδχΞ΁ͷड͚౉͠ɺ ڞ༗ํ๏ΛͲ͏͢Δ͔
  22. 01 2 8 02102 0 .. 2  ՝୊̎ΤϯδχΞ΁ͷड͚౉͠ɺڞ༗ํ๏ΛͲ͏͢Δ͔ Ͱ͖ͨ

    Αʔ
  23. 01 2 8 02102 0 .. 2  ՝୊̎ΤϯδχΞ΁ͷड͚౉͠ɺڞ༗ํ๏ΛͲ͏͢Δ͔ ࠷ॳ͸͜Μͳײ͡Ͱ౉ͯ͠·ͨ͠ɻ

  24. 01 2 8 02102 0 .. 2  ՝୊̎ΤϯδχΞ΁ͷड͚౉͠ɺڞ༗ํ๏ΛͲ͏͢Δ͔ ࠷

    ॳ ͸ ͜ Μ ͳ ײ ͡ Ͱ ౉ ͠ ͯ · ͠ ͨ ɻ ग़དྷ্͕ͬͨσβΠϯʹϓϥάΠϯπʔϧͰNBSHJO΍ϑΥϯταΠζɺΧ ϥʔίʔυΛՄࢹԽ 45&1 4LFUDI্͔Β"SUCPBSE಺ͷσʔλΛը૾อଘɻΞΠίϯͳͲ΋ผ్ը૾Խ 45&1 ը૾Λ%SPQCPYʹ֨ೲ 45&1 4MBDLͰΤϯδχΞʹ63-Λڞ༗ 45&1
  25. 01 2 8 02102 0 .. 2  ՝୊̎ΤϯδχΞ΁ͷड͚౉͠ɺڞ༗ํ๏ΛͲ͏͢Δ͔ ࠷

    ॳ ͸ ͜ Μ ͳ ײ ͡ Ͱ ౉ ͠ ͯ · ͠ ͨ ɻ ग़དྷ্͕ͬͨσβΠϯʹϓϥάΠϯπʔϧͰNBSHJO΍ϑΥϯταΠζɺΧ ϥʔίʔυΛՄࢹԽ 45&1 4LFUDI্͔Β"SUCPBSE಺ͷσʔλΛը૾อଘɻΞΠίϯͳͲ΋ผ్ը૾Խ 45&1 ը૾Λ%SPQCPYʹ֨ೲ 45&1 4MBDLͰΤϯδχΞʹ63-Λڞ༗ 45&1 ՝୊̎ΤϯδχΞ΁ͷड͚౉͠ɺڞ༗ํ๏ΛͲ͏͢Δ͔ େن໛ͳϓϩδΣΫτͷ৔߹ʜ ΞΠίϯ౳ͷૉࡐը૾ɺϖʔδ਺͕ଟ͍ ˣ ΊͬͪΌ໘౗͍͘͞ʂʂʂʂʂʂ Ұͭͷϖʔδʹର͢Δ޻਺͕૿͑Δ ˣ
  26. 01 2 8 02102 0 .. 2  Ͳ͏͢Ε͹͍͍Μͩɾɾɾ

  27. 01 2 8 02102 0 .. 2  ͲͷΑ͏ʹղܾ͔ͨ͠ ղܾࡦ

  28. 01 2 8 02102 0 .. 2   ղܾࡦ

  29. 01 2 8 02102 0 .. 2  ղܾࡦ

  30. 01 2 8 02102 0 .. 2  " C

    T U S B DU Ξ ϒ ε τ ϥ Ϋ τ ͱ ͸ ʁ
  31. 01 2 8 02102 0 .. 2  "CTUSBDUͱ͸ 4LFUDIͰ࡞ͬͨσβΠϯϑΝΠϧΛ

    (JUతʹόʔδϣϯΛ؅ཧͰ͖Δπʔϧ
  32. 01 2 8 02102 0 .. 2  "CTUSBDUͱ͸ σ

    β Π φ ʔ ൛ ͷ ( JU) V C ɺ # JUC V D L F U ͷ ༷ ͳ ΋ ͷ Ͱ ͢ ɻ
  33. 01 2 8 02102 0 .. 2  "CTUSBDUͱ͸ ෳ਺ਓͰͷ࡞ۀ͕Ͱ͖Δʂ

  34. 01 2 8 02102 0 .. 2  %FTJHO'JMF .BTUFS

    #SBODI" #SBODI# #SBODI" .FSHF 6QEBUF #SBODI# .FSHF "CTUSBDUͱ͸ ৽نͷ ϖʔδΛ ࡞Ζ͏ ύʔπͷ मਖ਼Λ ͠Α͏
  35. 01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̍ "CTUSBDUΛಋೖͨ݁͠Ռʜ

    ՝୊̍ ෳ਺ਓͰͷσβΠϯϑΝΠϧͷ ڞಉฤू؅ཧʹ͍ͭͯ
  36. 01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̍ ύʔπͷ؅ཧ͕େมʹͳͬͨΓͳͲ࠷ऴతͳ౷߹͕ΊͬͪΌେมͦ͏ʜ

    ໘౗ͦ͘͞͏ʂʂʂʂʂ ˣ ˣ ͚ͩͬͨͲʜ
  37. 01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̍ ख࡞ۀͰσʔλͷ౷߹Λߦ͏ඞཁ͕ͳ͘ͳΓ·ͨ͠ʂ

    .BTUFSͰσβΠϯϑΝΠϧΛҰͭͰ؅ཧ͢ΔͷͰʜ
  38. 01 2 8 02102 0 .. 2  ;FQMJOͱ͸ ;

    F Q M J O θ ϓ Ϧ ϯ ͱ ͸ ʁ ˞ ਖ਼ ֬ ͳ ಡ Έ ํ ͕ · ͩ Θ ͔ ͬ ͯ ͍ · ͤ Μ
  39. 01 2 8 02102 0 .. 2  ;FQMJOͱ͸ 6QMPBE

    4LFUDIͰ੍࡞ͨ͠σβΠϯϑΝΠϧΛΞοϓϩʔυɻ 4LFUDIΛ͍࣋ͬͯͳ͍ϢʔβʔͰ΋σβΠϯ͕֬ೝͰ͖Δʂ
  40. 01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̎ ՝୊̎

    ;FQMJOΛಋೖͨ݁͠Ռʜ ΤϯδχΞ΁ͷ ड͚౉͠ɾڞ༗ํ๏ΛͲ͏͢Δ͔
  41. 01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̎ #

    F G P S F ग़དྷ্͕ͬͨσβΠϯʹϓϥάΠϯπʔϧͰNBSHJO΍ϑΥϯταΠζɺΧ ϥʔίʔυΛՄࢹԽ 45&1 4LFUDI্͔Β"SUCPBSE಺ͷσʔλΛը૾อଘɻΞΠίϯͳͲ΋ผ్ը૾Խ 45&1 ը૾Λ%SPQCPYʹ֨ೲ 45&1 4MBDLͰΤϯδχΞʹ63-Λڞ༗ 45&1
  42. 01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̎ ग़དྷ্͕ͬͨσβΠϯΛ;FQMJOʹΞοϓϩʔυ͢Δ

    45&1 4MBDLʹϦϯΫ͢Δ͜ͱͰࣗಈతʹϝϯόʔʹ௨஌ͯ͠ڞ༗ 45&1 ͜ΜͳʹָʹͳΓ·ͨ͠ʂ " G U F S
  43. 01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̎ NBSHJOͳͲͷهࡌ͢ΔࢦఆॻΛ

    ผ్࡞੒͢Δ͜ͱͳ͘ڞ༗͕ՄೳʹͳΓ·ͨ͠ ίϝϯτͰ΋σβΠϯϑΝΠϧΠϝʔδ಺ʹमਖ਼ࢦࣔ΋ૹΕΔͷͰ ௚ײతʹमਖ਼ՕॴΛཧղͰ͖ΔΑ͏ʹͳͬͯɺ σβΠφʔͱΤϯδχΞͷίϛϡχέʔγϣϯ΋ԁ׈ʹͳΓ·ͨ͠ɻ
  44. 01 2 8 02102 0 .. 2  ·ͱΊ

  45. 01 2 8 02102 0 .. 2  ·ͱΊ "CTUSBDU্Ͱ4LFUDIσʔλΛ؅ཧ

     "CTUSBDUͰ.BTUFS͔Β CSBODIΛ੾ͬͯσβΠϯσʔλΛฤूͯ͠DPNNJU  ग़དྷ্͕ͬͨσβΠϯϑΝΠϧΛ;FQMJOʹΞοϓϩʔυ 
  46. 01 2 8 02102 0 .. 2  ·ͱΊ σβΠφʔɺΤϯδχΞؒͰͷڞ༗ํ๏͕

    ඇৗʹεϜʔζʹͳΓɺετϨεϑϦʔʹͳͬͨʂ
  47. 01 2 8 02102 0 .. 2  13 ΤϯδχΞɾσβΠφʔืूதͰ͢

    Ұॹʹ͔ͨͨͬͯ͘ΕΔ