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

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 ΤϯδχΞɾσβΠφʔืूதͰ͢ Ұॹʹ͔ͨͨͬͯ͘ΕΔ