Follow along: bit.ly/makesketch
What is Sketch?
- Vector drawing tool
- Used for
- UI design
- Web design
- Graphic design
Why Sketch?
- built for UI design
- quickly growing
- easy to learn, & powerful
- easy to export
- app integration
A quick primer
- Interface tour
- Artboards
- Exporting
- Symbols
- Resources
Just to get you started
Then play around & experiment
Interface
Layers
Canvas
Inspector
Tools
Artboards
Export Artboard
Export one component
Utilize Symbols
Resources
- free UI kits & models
- examples & inspiration
- reference guide w/GIFs
- worth reading once
- articles & strategies
Assets
Exercise
Make a simple login box
- create 2 artboards
- utilize the inspector
- create a Symbol
Tips
- use the arrow keys (+Shift) to move elements around
- keep organized by grouping layers together
- think in terms of shapes and effects
Download this and more examples at bit.ly/makesketchdownload
UI Design with Sketch for Mac
By abraren
UI Design with Sketch for Mac
A very brief introduction to Sketch for Mac, going over a few of the most important features to understand and utilize in future projects.
