designing with sketch app

Designing with SketchPresented 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 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 me@iansoper.com