Upload
ian-soper
View
117
Download
2
Tags:
Embed Size (px)
DESCRIPTION
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.
Citation preview
Designing with SketchPresented at FredDev • April 8, 2014
by Ian Soper @imsoper iansoper [email protected]
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 crap
Fireworks had better workflow(vector-based, pages, states, symbols, styles)
One of Adobe’s adopted children & never got much attention (ugly & clunky)
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 ControlsStackFills, Strokesand Effects
Smart Guides
Pixel Snapping
Plugin / ScriptingSupport
Modern Export Workflow
Export from Pages, Artboards or Slices
Exports PNG, SVG, or PDF
Copy CSS Properties from objects
Beta
3.0
Demo
ResourcesBohemian Coding: Developer of Sketch.app
http://bohemiancoding.com/sketch/
Sketch Plugins: A list of third-party Pluginshttps://gist.github.com/bomberstudios/7694497
SketchMine: Community Sketch Files & Templateshttp://sketchmine.co/
Sketch App Resources from James Young http://jydesign.com/sketch-app-user-resources
Thanks!
by Ian Soper @imsoper iansoper [email protected]