Designing with Sketch App

A basic overview of Sketch App, with some comparisons with other design tools and showing some of the features that make Sketch an incredible tool.

Transcript

1. Designing with Sketch Presented at FredDev • April 8, 2014 by Ian Soper  @imsoper  iansoper  me@iansoper.com
2. Traditional Tools for making pixel-perfect screen graphics OR OR
3. Traditionally a print and image editing tool Every designer knows photoshop Excellent Pixel-perfect tools The workflow is crap
4. Fireworks had better workflow (vector-based, pages, states, symbols, styles) One of Adobe’s adopted children & never got much attention (ugly & clunky)
5. Vector tool, primarily for print, identity, & illustration Multiple artboards & Reusable Symbols No so pixel-perfect
6. Sketch is a vector-based tool for creating Pixel Perfect screen graphics.
8. Image Editor
9. Print Design
10. Pages + Artboards
11. Fine Boolean Controls
12. Fine Boolean Controls Stack Fills, Strokes and Effects
13. Smart Guides Pixel Snapping
14. Plugin / Scripting Support
15. Modern Export Workflow Export from Pages, Artboards or Slices Exports PNG, SVG, or PDF Copy CSS Properties from objects
16. Beta
17. 3.0
18. Demo
19. Resources Bohemian Coding: Developer of Sketch.app http://bohemiancoding.com/sketch/ Sketch Plugins: A list of third-party Plugins https://gist.github.com/bomberstudios/7694497 SketchMine: Community Sketch Files & Templates http://sketchmine.co/ Sketch App Resources from James Young http://jydesign.com/sketch-app-user-resources
20. Thanks! by Ian Soper  @imsoper  iansoper  me@iansoper.com