Introduction to Sketch

1. INTRODUCTION TO
SKETCH 3.0
“Or how I learned to stop using Photoshop”
“…except for when I need to edit an actual photo.
Then I’ll probably use Photoshop.”

2. Mark Schumacher
Manager of Interactive Design
Ackmann & Dickenson
BA in Graphic Design from Minnesota State University Moorhead
10+ years experience in UI and UX
@rad235

3. Web Development
(rails, .net, java, php, custom javascript)
Digital Marketing
UI/UX
Mobile Applications
(android, iOS)
www.ackmanndickenson.com
@adcraftsmen

4. We’re located at
221 E Indianola Ave, Phoenix
Phoenix’s member-sustained, community-supported
collaborative coworking space.

5. Sketch
By Bohemian Coding
Professional digital design for
Mac.
Sketch gives you the power, flexibility and speed you
always wanted in a lightweight and easy-to-use package.
Finally you can focus on what you do best: Design.

6. Sketch 1.0 came out in
2010. It was primitive,
but there was hope.

7. Sketch 3.0
April 2014

8. Sketch Upsides
Close to web rendering
Small file sizes
Built in grids
Fast application
Non destructive editing

9. Sketch Downsides
Poor Color Management
Still has the occasional bug
Zoom levels aren’t perfect
Fewer shortcuts
Third party plugins aren’t always updated

10. Multiple Artboards

11. Multiple Artboards

12. Multiple Artboards

13. Multiple Artboards

14. Multiple Artboards

15. Multiple Artboards

16. Templates / UI
Components

17. Templates / UI Components

18. Templates / UI Components

19. Templates / UI Components

20. Templates / UI Components

21. Templates / UI Components

22. Templates / UI Components

23. Templates / UI Components

24. Symbols

25. Symbols

26. Symbols

27. Symbols

28. Symbols

29. Text Styles

30. Text Styles

31. Text Styles

32. Text Styles

33. Text Styles

34. Exporting

35. Exporting Assets

36. Exporting Assets

37. Exporting Assets

38. Sketch Mirror

39. Sketch Mirror
App Store Download

40. Sketch Mirror

41. Exporting CSS

42. Exporting CSS/markup

43. Plugins

44. Plugins

45. Plugin Manager

46. Plugins of Note

47. Magic Mirror
Create automated perspective mockups and more.
http://magicmirror.design/

48. Magic Mirror

49. by InVision Labs
Create designs with real data.
https://www.invisionapp.com/craft

53. Zepelin
Generate style guides and markup automatically.
https://zeplin.io
Sketch Toolbox
A super simple plugin manager for Sketch
http://sketchtoolbox.com

54. Quick demo…