Designing with Sketch App

912 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
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
912
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
11
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×