O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Sketch3 學習筆記

  • Entre para ver os comentários

Sketch3 學習筆記

  1. 1. Sketch 3
  2. 2. http://www.bohemiancoding.com/sketch/
 http://bohemiancoding.com/sketch/support/documentation/
  3. 3. ( File / Revert to / Browse all Versions ) UI Icon Web Prototype... & Template ( File / Save as Template ) UI Kits Plugin
  4. 4. MAC only ... PS AI ... SVG EPS PDF
  5. 5. Toolbar
  6. 6. Vectorize Stroke ( ) ( Use as Mask ) (Export)
  7. 7. Rotate Copies ( )
  8. 8. Vector ( ) V Straight Mirrored Disconnected Asymmetric
  9. 9. Make Grid ( )
  10. 10. Layout Settings ( )
  11. 11. Layer List
  12. 12. / Page 1 / / / ( Symbol ) ( Text Style ) ( Slice ) ( User as Mask ) Page 1 ( )
  13. 13. Canvas
  14. 14. (Artboard) ; A ( Edit /  File / Save as Template ) CSS ( option / Alt ) ( Control+R ) Artboard ( )
  15. 15. Inspector
  16. 16. px Type / Text on Path vs 2x 0.5 1.5
  17. 17. JPG PNG TIFF SVG PDF or EPS
  18. 18. PSD AI .... ...XD
  19. 19. Demo
  20. 20. Android
  21. 21. iOS
  22. 22. Web
  23. 23. Control+H Control+L Control+G Space Enter ⌘+3 ⌘+2 Z Z Z + alt Escape Tab/Shift-tab
  24. 24. R O U T L A V S P
  25. 25. & Alt + Alt + Alt + Shift +
  26. 26. iOS Mirror http://bohemiancoding.com/sketch/features/#mirror
  27. 27. Plugins Sketch Toolbox
  28. 28. Content-generator- sketch-plugin
  29. 29. Sketch-measure A measure tool for measurements & design specs, Sketch 3.3+ support. How-to 1. Create Overlay 2. Measure Size 3. Measure Spacing 4. Get Property 5. Create Note
  30. 30. 1. Create Overlay ⌃ + ⇧ + 1 2. Measure Size ⌃ + ⇧ + 2 3. Measure Spacing ⌃ + ⇧ + 3 4. Get Property ⌃ + ⇧ + 4 5. Create Note ⌃ + ⇧ + 5 6. Spec Export ⌃ + ⇧ + E 7. Toggle All Measure Hidden ⌃ + ⇧ + H 8. Toggle All Measure Locked ⌃ + ⇧ + L 9. Reset(Clear) Artboard Measure https://github.com/utom/sketch-measure
  31. 31. prototyping ...
  32. 32. Design + Code ( )
 https://designcode.io/
 
 A Comprehensive Guide to Designing
 https://designcode.io/sketch- mastering SketchAppSources ( )
 http:// www.sketchappsources.com/ Sketch resources
 http://goo.gl/knefyG Sketch plugin-directory
 https://github.com/sketchplugins/ plugin-directory
 
 https://gist.github.com/ymcheung/ 10899164 UI week
 http://uiweek.com/ learn.ustwo 
 http://learn.ustwo.com/sketch- resources
  33. 33. Chuan Yang https://twitter.com/chuantw
  34. 34. Thank you!

×