Designing with Sketch Presented at FredDev • April 8, 2014 by Ian Soper @imsoper iansoper [email protected]
Designing with Sketch App
Jan 27, 2015
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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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
Related Documents
