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

Sketch 3 Basic -Hiroshima-

Sketch 3 Basic -Hiroshima-

2014.06.08

Masaaki Komori

June 08, 2014
Tweet

More Decks by Masaaki Komori

Other Decks in Design

Transcript

  1. Agenda • Sketch Fundamentals 4LFUDIͷجૅ • Artboards, Pages, Templates ΞʔτϘʔυɺϖʔδɺςϯϓϨʔτ

    • Styles and Symbols ελΠϧͱγϯϘϧ • Using plugins ϓϥάΠϯͷར༻ • Let's try Ͱ͸ɺ΍ͬͯΈ·͠ΐ͏ ˞ຊεϥΠυ͸ɺษڧձ༻ͷ΋ͷͰ಺༰ͷଟ͘͸ޱ಄Ͱઆ໌͍ͯ͠Δ΋ͷͰ͢ɻ
  2. They are already using There is a lot of companies

    that are already using Sketch. ΄ΜͷҰѲΓͰ͕͢ɺҎԼͷஶ໊ͳձࣾͰطʹ࢖ΘΕ͍ͯ·͢ɻ
  3. Artboards Sketch has an in nite canvas. You can draw

    any artboards as you like. 4LFUDIʹ͸ແݶͷΩϟϯόε͕͋Δ͚ͩͰ͢ɻͦ͜ʹࣗ෼͕޷͖ͳΑ͏ʹΞʔτϘʔυΛ࡞Ε·͢ɻ
  4. Pages Supports multiple pages, and any number of artboards per

    page. ඪ४ͰϚϧνϖʔδΛαϙʔτ͍ͯ͠·͢ɻϖʔδΛෳ੡͢Δ͜ͱ͸΋ͪΖΜɺϖʔδຕ͋ͨΓʹΞʔτϘʔυ͕͍ͭ͋ͬͯ͘΋ߏ͍·ͤΜɻ
  5. Shared Styles and Symbol Sketch has shared styles, text styles

    and Symbol. It's like Illustrator. 4LFUDIʹ͸ɺγΣΞʔυɾελΠϧͱςΩετɾελΠϧɺͦͯ͠γϯϘϧͷػೳ͕͋Γ·͢ɻ·ΔͰ*MMVTUSBUPSͷΑ͏Ͱ͢Ͷɻ
  6. Various export options Sketch has various export options. You can

    export les with command-line that called 'Sketchtool'. 4LFUDI͸͞·͟·ͳॻ͖ग़͠Φϓγϣϯ͕͋Γ·͢ɻ4LFUDIUPPMΛ࢖͑͹ɺίϚϯυϥΠϯ͔Β΋ॻ͖ग़ͤ·͢ɻ
  7. How to install Download .zip le or git clone to

    Sketch plugin directory. ϓϥάΠϯ͸ɺެ։ઌͷαΠτ͔Βμ΢ϯϩʔυ͠·͢ɻ[JQϑΝΠϧΛμ΢ϯϩʔυ͢Δ͔ɺ(JU)VCͳΒ(JUΛ࢖ͬͯ௚઀Ϋϩʔϯ͢ΔͱΞοϓσʔτΛ௥͍͔͚ΒΕ·͢ɻ
  8. Sketchpack.in & Sketch Toolbox.app Plugin registory and plugin manager app

    has come. ࠷ۙɺϓϥάΠϯϨδετϦͱͯ͠4LFUDIQBDLJO͕ొ৔ɻ·ͨ৽ͨʹ4LFUDI5PPMCPYͱ͍͏ϓϥάΠϯϚωʔδϟʔΞϓϦͷ։ൃ΋ਐΜͰ͍·͢ɻ