designing with sketch app
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.TRANSCRIPT
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]