(続)エンジニアのためのSketch3入門

 (続)エンジニアのためのSketch3入門

potatotips #22 での発表資料です

C8097f17712da7f3123f28a4d3e6bdb9?s=128

Takahiro Shimokawa

October 13, 2015
Tweet

Transcript

  1. ʢଓʣΤϯδχΞͷͨΊͷ Sketch3 ೖ໳ potatotips #22 / Takahiro Shimokawa 1

  2. ࣗݾ঺հ • גࣜձࣾ Zaim ॴଐ • @androhi • Android ΞϓϦ։ൃ୲౰

    • Stack Overflow DevDays 2
  3. 3

  4. 4

  5. Sketch 3 5

  6. 6

  7. • Bohemian Coding • Mac App • App Store :

    ¥11,800 • Fireworks ։ൃऴྃΛड͚ͯਓؾരൃ • Web ͱ Mobile ͷσβΠϯʹಛԽ • ϕΫλʔը૾πʔϧ 7
  8. Sketch3 ͷ̏େϝϦοτ 1. ௒ܰྔπʔϧ 2. ϕΫλʔσʔλ 3. ࠷ڧͷॻ͖ग़͠ػೳ 8

  9. ࡞ͬͯΈͨ 9

  10. 10

  11. ॻ͖ग़ͯ͠Έͨ • എܠ৭ͷࢦఆ • ॻ͖ग़͠ϑΝΠϧ໊ͷ໋໊ نଇ • Ұׅॻ͖ग़͠ 11

  12. ίϚϯυϥΠϯ͔ Β΋࢖͑Δ 12

  13. 13

  14. List / Export / Migration $ sketchtool list artboards [hoge.sketch]

    $ sketchtool export slices [hoge.sketch] --output=[folder] --items=[names] --scales="1.0, 2.0" --formats="png,jpg" $ sketchmigrate convert [old-path] [new-path] 14
  15. Sketch3 ·ͱΊ • ΤϯδχΞ΋গͳֶ͍शίετͰ࢖͑Δը૾πʔ ϧ • σβΠφʔͱͷίϛϡχέʔγϣϯɾίετΛԼ ͛ͯ͘ΕΔ • ॻ͖ग़͠࠷ڧ

    15
  16. ΤϯδχΞืू 1. ͣͬͱ࢒ΔαʔϏε͕࡞Γ͍ͨ 2. ୭͔ͷ໾ʹཱ͍ͬͯΔͱμΠϨΫτʹײ͍ͨ͡ 3. ίπίπੵΈॏͶ͍ͯ͘ͷָ͕͍͠ 4. Zaim ͷαʔϏεʹποίϛ͍ͨ͜ͱ͕͋Δ

    16
  17. Thank you for listening! 17