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

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

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

potatotips #22 での発表資料です

Takahiro Shimokawa

October 13, 2015
Tweet

More Decks by Takahiro Shimokawa

Other Decks in Design

Transcript

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

    View Slide

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

    View Slide

  3. 3

    View Slide

  4. 4

    View Slide

  5. Sketch 3
    5

    View Slide

  6. 6

    View Slide

  7. • Bohemian Coding
    • Mac App
    • App Store : ¥11,800
    • Fireworks ։ൃऴྃΛड͚ͯਓؾരൃ
    • Web ͱ Mobile ͷσβΠϯʹಛԽ
    • ϕΫλʔը૾πʔϧ
    7

    View Slide

  8. Sketch3 ͷ̏େϝϦοτ
    1. ௒ܰྔπʔϧ
    2. ϕΫλʔσʔλ
    3. ࠷ڧͷॻ͖ग़͠ػೳ
    8

    View Slide

  9. ࡞ͬͯΈͨ
    9

    View Slide

  10. 10

    View Slide

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

    View Slide

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

    View Slide

  13. 13

    View Slide

  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

    View Slide

  15. Sketch3 ·ͱΊ
    • ΤϯδχΞ΋গͳֶ͍शίετͰ࢖͑Δը૾πʔ
    ϧ
    • σβΠφʔͱͷίϛϡχέʔγϣϯɾίετΛԼ
    ͛ͯ͘ΕΔ
    • ॻ͖ग़͠࠷ڧ
    15

    View Slide

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

    View Slide

  17. Thank you for
    listening!
    17

    View Slide