Downloaded 17 times
Uploaded byBrian Louis Ramirez
Using Sketch in Your Workflow – From Idea to Finished Product
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.
More Related Content
Similar to Using Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished Product
- 1. Using Sketch inYour Workflow From Idea to Finished Product Brian Louis Ramirez | UX Designer | @brilouram
- 2. What's up? 4 What 4Why 4 How
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. PLUGINS - community 1x 99€ Independence from Adobe
- 16. How to Use Sketch inYour Workflow
- 17. Workflow >>>>>>>>>> 1. Wireframe 2. Prototype 3.Layout & Design 4. Spec & Generate Assets
- 18.
- 19.
- 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
- 24.
- 26.
- 27. InVisionfor iOS from $13/mo (free/ 1 prototype)
- 28.
- 30.
- 32. Pixatefor Mac orPC from $5/mo
- 33.
- 36.
- 37.
- 38.
- 41.
- 43. 4Spec & GenerateAssets
- 45.
- 46.
- 47.
- 48.
- 50.
- 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 justa 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 4http://landing.adobe.com/en/na/products/creative- cloud/comet/229818-notifyme.html
- 55.