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

插件开发 Sketch Plugin Development + 高效制作设计果效果图 Per...

插件开发 Sketch Plugin Development + 高效制作设计果效果图 Perspective Mockup In Sketch

James Tang

June 25, 2017
Tweet

More Decks by James Tang

Other Decks in Technology

Transcript

  1. च๜ۑ&RQWH[W2EMHFW Oog(context); ^ DSL 02-DYD6FULSW2EMHFW[DF! FRPPDQG 063OXJLQ&RPPDQG[DH! GRFXPHQW 06'RFXPHQW[IFFEEGF! VFULSW3DWK

    8VHUVMDPHV/LEUDU\$SSOLFDWLRQ6XSSRUWFRPERKHPLDQFRGLQJVNHWFK3OXJLQV 8QWLWOHGVNHWFKSOXJLQ VFULSW85/ ƉOH8VHUVMDPHV/LEUDU\$SSOLFDWLRQ6XSSRUWFRPERKHPLDQFRGLQJVNHWFK3OXJLQV 8QWLWOHGVNHWFKSOXJLQ VHOHFWLRQ  06%LWPDS/D\HU[IFFEHFH!6FUHHQ6KRWDW$0 %&&$%& %$)()&'(    ` 6FULSWH[HFXWHGLQV
  2. च๜ۑ6HOHFWLRQ૪鉝ᶱፓ ꘊ׎讨Զ䩚ᥜ YDUVHOHFWLRQ FRQWH[WVHOHFWLRQ16$UUD\ IRU YDUL LVHOHFWLRQFRXQW L ^ YDUOD\HU

    VHOHFWLRQ>L@ ORJ OD\HU ` 066KDSH*URXS[IGIDI!5HFWDQJOH ($%&))'&')') 067H[W/D\HU[IGID!Ӥᶎฎ2EMHFWLYH&6 %%'(($$&%) 06%LWPDS/D\HU[IGID!6FUHHQ6KRWDW30 )$&$%)&&)&%' 6FULSWH[HFXWHGLQV
  3. च๜ۑᐏ舰硬ݒ 066KDSH*URXS᷏ᜋ YDUVHOHFWLRQ FRQWH[WVHOHFWLRQ>@ YDUEOXH&RORU >06&RORUUJE&RORU5HG [' JUHHQ [ EOXH

    [$& @ YDU\HOORZ&RORU >06&RORUUJE&RORU5HG [) JUHHQ [& EOXH [ @ YDUƉOO VHOHFWLRQVW\OH ƉOOV >@VHW&RORU EOXH&RORU  )& '$& 6FULSWH[HFXWHGLQV
  4. ԧ薹PDQLIHVWMVRQ KWWSGHYHORSHUVNHWFKDSSFRPLQWURGXFWLRQSOXJLQEXQGOHV ^ QDPH6HOHFW6KDSHV GHVFULSWLRQ3OXJLQVWRVHOHFWDQGGHVHOHFWVKDSHV DXWKRU-RH%ORJJV KRPHSDJHKWWSJLWKXEFRPH[DPSOH VNHWFKSOXJLQV YHUVLRQ LGHQWLƉHUFRPH[DPSOHVNHWFKVKDSHSOXJLQV

    DSSFDVWKWWSVH[FHOOHQWVNHWFKSOXJLQFRP H[FHOOHQWSOXJLQDSSFDVW[PO FRPSDWLEOH9HUVLRQ EXQGOH9HUVLRQ FRPPDQGV> ^ QDPH$OO LGHQWLƉHUDOO VKRUWFXWFWUOVKLIWD VFULSWVKDUHGMV KDQGOHUVHOHFW$OO ` ^ QDPH&LUFOHV LGHQWLƉHUFLUFOHV VFULSW6HOHFW&LUFOHVFRFRDVFULSW ` ^ QDPH5HFWDQJOHV LGHQWLƉHUUHFWDQJOHV VFULSW6HOHFW5HFWDQJOHVFRFRDVFULSW ` @ PHQX^ LWHPV> DOO FLUFOHV UHFWDQJOHV @ ` `
  5. Ꭺ瑊෸դ୏ݎದ๞ 1. Mocha/Cocoascript ਂࣁ犋靦褖ګ ⁃ ੒2EMHFWLYH&ጱ獊ᶎඪൔ犋᪃牧ই犋ꖥಗᤈ EORFNVGHƉQH*&'ᒵ ⁃ 盄ᵙ֢ᗑ᪠ਂ玲 ⁃

    ᛔਧԎՕᶎ ⁃ ꖤว౲ᳩ෸ᳵಗᤈ纷ଧ  耬靦ದ๞෈໩ጱඪ೮  ૡٍ犋珿牧ԅ୏ݎꔷ纷ଃ๶犋׎ ᥝ统Ꮘ褖ګ牧౯ժ襑ᥝԧ薹ӷय़ሿդ矠կದ๞ᳪ窔
  6. Objective-C/Swift च๜޸犤ᤈ WebView JS • Autolayout (Anima) • CSSketch •

    Fluid • Magic Mirror • Magic Presenter • Prototype (Craft) • Sketch Runner • Sketch Focus • States • Zeroheight • Craft • Flow Mate • Sketch Flex Layout • Sketch Measure • Arrange Artboard • Artboard To PDF • Data Generator • Duplicator • Git Sketch Plugin • Place Linked Bitmap • RenameIt • Sketch Image Compresser • Symbol Organizer
  7. च๜޸犤ᤈ Easy Basic Good Hard 1x ᳩ๗ಗᤈ牧襑ᥝ ֢ᩒා蔭ᐏ Web +

    JS Hard Good Excellent Mid 0.5x~1x ୏ݎದ๞穉᫾ Difficulty ୏তᵙଶ Debugging ᴻᲙ Extensibility 皤ኩ௔ Maintenance ᖌಷ Performance 蝧ଶ Best For ݳ蝒随୵ Toolsૡٍ Objective-C/Swift Hard Good Good~Excellent Mid 3x~10x ꛂ๥牧ᳩ๗ಗᤈ ꖤวಗᤈ ֵአ羬ᕹۑꖥ ᓌܔ, ܔེಗᤈ
  8. ٌ犢ํአᩒრ Sketch Plugin Development - MagicSketch Blog https://blog.magicsketch.io/development/home Sketch Plugin

    Snippets for Plugin Developers https://medium.com/sketch-app-sources/sketch-plugin-snippets-for-plugin-developers-e9e1d2ab6827 Sketch Plugin Directory https://github.com/sketchplugins/plugin-directory Undocumented Sketch Plugin API Reference https://blog.magicsketch.io/undocumented-sketch-plugin-api-reference-642775b6476d Sketch Plugin Resources http://developer.sketchapp.com/resources/ Sketch Plugin Developers http://developer.sketchapp.com/ Sketch Plugin Forum http://sketchplugins.com
  9. ํአᩒᦔ Magic Mirror Templates http://magicsketch.io/mirror/template Magic Mirror 3 Facebook Group

    http://facebook.com/magicmirrorsketch SketchMockups.com | Sketch Perspective Mockups http://sketchmockups.com Magic Mirror 3 | Sketch Plugin replaces Photoshop http://magicsketch.io/mirror Magic Presenter 2 | Sketch Plugin replaces Keynote https://github.com/MagicSketch/MagicPresenter2/releases