Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Designing with Sketch Presented at FredDev • April 8, 2014 by Ian Soper  @imsoper  iansoper  me@iansoper.com
Traditional Tools for making pixel-perfect screen graphics OR OR
Traditionally a print and image editing tool Every designer knows photoshop Excellent Pixel-perfect tools The workflow is ...
Fireworks had better workflow (vector-based, pages, states, symbols, styles) One of Adobe’s adopted children & never got m...
Vector tool, primarily for print, identity, & illustration Multiple artboards & Reusable Symbols No so pixel-perfect
Sketch is a vector-based tool for creating Pixel Perfect screen graphics.
Image Editor
Print Design
Pages + Artboards
Fine Boolean Controls
Fine Boolean Controls Stack Fills, Strokes and Effects
Smart Guides Pixel Snapping
Plugin / Scripting Support
Modern Export Workflow Export from Pages, Artboards or Slices Exports PNG, SVG, or PDF Copy CSS Properties from objects
Beta
3.0
Demo
Resources Bohemian Coding: Developer of Sketch.app http://bohemiancoding.com/sketch/ Sketch Plugins: A list of third-party...
Thanks! by Ian Soper  @imsoper  iansoper  me@iansoper.com
Designing with Sketch App
Upcoming SlideShare
Loading in …5
×

Designing with Sketch App

1,966 views

Published on

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.

Published in: Design, Art & Photos, Technology
no profile picture user

  • Login to see the comments

Designing with Sketch App

  1. 1. Designing with Sketch Presented at FredDev • April 8, 2014 by Ian Soper  @imsoper  iansoper  me@iansoper.com
  2. 2. Traditional Tools for making pixel-perfect screen graphics OR OR
  3. 3. Traditionally a print and image editing tool Every designer knows photoshop Excellent Pixel-perfect tools The workflow is crap
  4. 4. Fireworks had better workflow (vector-based, pages, states, symbols, styles) One of Adobe’s adopted children & never got much attention (ugly & clunky)
  5. 5. Vector tool, primarily for print, identity, & illustration Multiple artboards & Reusable Symbols No so pixel-perfect
  6. 6. Sketch is a vector-based tool for creating Pixel Perfect screen graphics.
  7. 7. Image Editor
  8. 8. Print Design
  9. 9. Pages + Artboards
  10. 10. Fine Boolean Controls
  11. 11. Fine Boolean Controls Stack Fills, Strokes and Effects
  12. 12. Smart Guides Pixel Snapping
  13. 13. Plugin / Scripting Support
  14. 14. Modern Export Workflow Export from Pages, Artboards or Slices Exports PNG, SVG, or PDF Copy CSS Properties from objects
  15. 15. Beta
  16. 16. 3.0
  17. 17. Demo
  18. 18. 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
  19. 19. Thanks! by Ian Soper  @imsoper  iansoper  me@iansoper.com

×