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 App

1,861 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
  • Be the first to comment

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

×