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

1ee56a69bca68d2e771fac3675a211cd?s=47 yt30
April 27, 2018

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

1ee56a69bca68d2e771fac3675a211cd?s=128

yt30

April 27, 2018
Tweet

Transcript

  1. 1.

    01 2 8 02102 0 .. 2 01 2 8

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

    01 2 8 02102 0 .. 2  ాத ༐Ұ࿕

    : V J DI J S P 5 B O B L B ͨͳΏ͏ גࣜձࣾελσΟετ 6*σβΠφʔ झຯ͸ອըɾΞχϝؑ৆ɺΠϥετɺΠϯςϦΞάοζ ऩूɺεϊϘɺμʔπɺFUDʜ
  3. 5.

    01 2 8 02102 0 .. 2  ಋೖاۀࣾ਺ ʢ༗ঈܖ໿ͷΈʣ

     ࣾ ˞೥݄̐ ݱࡏ ϓϩμΫτʹ͍ͭͯ
  4. 9.

    01 2 8 02102 0 .. 2  %FTJHOFS ։ൃ෦

    Θͨ͠Ͱ͢ &OHJOFFS Y ຊ୊Ͱ͢
  5. 13.
  6. 19.

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

    ߹ )FBEFS౳ͷ ڞ௨ύʔπ͕ όϥ͚ͯΔ मਖ਼͢Δ౓ʹ ౷߹͠ͳ͍ͱ͍͚ͳ͍ ͭΒΈ
  7. 24.

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

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

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

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

    01 2 8 02102 0 .. 2  " C

    T U S B DU Ξ ϒ ε τ ϥ Ϋ τ ͱ ͸ ʁ
  10. 32.

    01 2 8 02102 0 .. 2  "CTUSBDUͱ͸ σ

    β Π φ ʔ ൛ ͷ ( JU) V C ɺ # JUC V D L F U ͷ ༷ ͳ ΋ ͷ Ͱ ͢ ɻ
  11. 34.

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

    #SBODI" #SBODI# #SBODI" .FSHF 6QEBUF #SBODI# .FSHF "CTUSBDUͱ͸ ৽نͷ ϖʔδΛ ࡞Ζ͏ ύʔπͷ मਖ਼Λ ͠Α͏
  12. 35.

    01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̍ "CTUSBDUΛಋೖͨ݁͠Ռʜ

    ՝୊̍ ෳ਺ਓͰͷσβΠϯϑΝΠϧͷ ڞಉฤू؅ཧʹ͍ͭͯ
  13. 38.

    01 2 8 02102 0 .. 2  ;FQMJOͱ͸ ;

    F Q M J O θ ϓ Ϧ ϯ ͱ ͸ ʁ ˞ ਖ਼ ֬ ͳ ಡ Έ ํ ͕ · ͩ Θ ͔ ͬ ͯ ͍ · ͤ Μ
  14. 39.

    01 2 8 02102 0 .. 2  ;FQMJOͱ͸ 6QMPBE

    4LFUDIͰ੍࡞ͨ͠σβΠϯϑΝΠϧΛΞοϓϩʔυɻ 4LFUDIΛ͍࣋ͬͯͳ͍ϢʔβʔͰ΋σβΠϯ͕֬ೝͰ͖Δʂ
  15. 40.

    01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̎ ՝୊̎

    ;FQMJOΛಋೖͨ݁͠Ռʜ ΤϯδχΞ΁ͷ ड͚౉͠ɾڞ༗ํ๏ΛͲ͏͢Δ͔
  16. 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
  17. 42.

    01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̎ ग़དྷ্͕ͬͨσβΠϯΛ;FQMJOʹΞοϓϩʔυ͢Δ

    45&1 4MBDLʹϦϯΫ͢Δ͜ͱͰࣗಈతʹϝϯόʔʹ௨஌ͯ͠ڞ༗ 45&1 ͜ΜͳʹָʹͳΓ·ͨ͠ʂ " G U F S
  18. 43.

    01 2 8 02102 0 .. 2  ಋೖͨ݁͠Ռͦͷ̎ NBSHJOͳͲͷهࡌ͢ΔࢦఆॻΛ

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

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

     "CTUSBDUͰ.BTUFS͔Β CSBODIΛ੾ͬͯσβΠϯσʔλΛฤूͯ͠DPNNJU  ग़དྷ্͕ͬͨσβΠϯϑΝΠϧΛ;FQMJOʹΞοϓϩʔυ 
  20. 46.

    01 2 8 02102 0 .. 2  ·ͱΊ σβΠφʔɺΤϯδχΞؒͰͷڞ༗ํ๏͕

    ඇৗʹεϜʔζʹͳΓɺετϨεϑϦʔʹͳͬͨʂ