Using Sketch in Your Workflow – From Idea to Finished Product
5 likes1,468 views
Sketch is a vector graphics app for Mac used in design workflows from wireframing to prototyping to asset generation. It allows for copying and pasting elements as symbols across artboards, has useful shortcuts, and a thriving plugin community. The document recommends using Sketch's strengths like pixels being cheap through vectors and symbols, knowing the strengths of different tools, and being open to new techniques and plugins to improve one's design workflow.
Using Sketch in Your Workflow – From Idea to Finished Product
- 1. Using Sketch in Your Workflow From Idea to Finished Product Brian Louis Ramirez | UX Designer | @brilouram
- 2. What's up? 4 What 4 Why 4 How
- 9. ARTBOARDS
- 10. Copy & Paste
- 13. Work @1x
- 14. PLUGINS - community 1 x 99€ Independence from Adobe
- 16. How to Use Sketch in Your Workflow
- 17. Workflow >>>>>>>>>> 1. Wireframe 2. Prototype 3. Layout & Design 4. Spec & Generate Assets
- 18. 1Wireframe
- 19. 'a' for artboard
- 20. 'r' for rectangle 'b' to toggle borders 'f' to toggle fill
- 21. '⌘ + g' for groups 'symbols' for repeating elements '⌘ + d' to duplicate 'styles' for repeating styles
- 22. '⌘ + select' to select layers in groups 'o' for ovals and circles double-click shapes to edit
- 23. ⌥ + ⌘ + ↑ to bring layer forward '⌥ + ⌘ + ↓' to move layer backwards '⌃ + ⌘ + m' to use as mask
- 26. 2Prototype
- 27. InVisionfor iOS from $13/mo (free / 1 prototype)
- 32. Pixatefor Mac or PC from $5/mo
- 36. 3Layout & Design
- 43. 4Spec & Generate Assets
- 45. "Measure" plugin
- 46. Zeplin
- 51. Summary 1. Use shortcuts, symbols, plugins, templates 2. Pixels are cheap 3. Know the strengths and weaknesses of tools 4. Be open to new things
- 52. Sketch is not just a tool
- 53. Sketch isa community – a design culture
- 54. Links 4 https://medium.com/@erqiudao/how-to-use-only- rectangle-circle-and-line-to-draw-illustration-in- sketch-7d8a58102e46 4 https://articles.sketchtricks.com/sketch-for-print- design-fd165b92cb3a 4 http://landing.adobe.com/en/na/products/creative- cloud/comet/229818-notifyme.html