Top Banner
USER PROTECTION & PRODUCTIVITY User Experience Group John Flynn
22

Symantec User Experience Group - Tools - Sketch

Jul 07, 2015

Download

Design

John Flynn

Is there life after Photoshop? Maybe. Sketch is one option purpose-built for user interface designers, so let's talk about some pros and cons.
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
Page 1: Symantec User Experience Group - Tools - Sketch

USER PROTECTION & PRODUCTIVITY

User Experience Group

John Flynn

Page 2: Symantec User Experience Group - Tools - Sketch

Why Photoshop SucksP.S. Better Change That Adobe Password, Huh

A Rant By John, Age 8

P.P.S. Excuse Me, You Want How Much For This Software?

Page 3: Symantec User Experience Group - Tools - Sketch

Sketch: An Alternative to the Adobe Hegemony*

*for interface design

Page 4: Symantec User Experience Group - Tools - Sketch

“The number of its features that are truly helpful for UX and UI designers comprise maybe twenty percent of the whole app. So to use Photoshop for this purpose is to shoulder that outstanding, largely useless eighty per cent of features.”

—Khoi Vinh, Design Director, NYTimes.com

Page 5: Symantec User Experience Group - Tools - Sketch
Page 6: Symantec User Experience Group - Tools - Sketch

• You need it? Photoshop does it

• PSD is the de facto industry standard

• Allows for an obsessive level of pixel-level artistic detail

• Finally has editable corner radius and area type convert

Page 7: Symantec User Experience Group - Tools - Sketch

• Bloated

• Save for Web should be a misdemeanor crime

• Not ready for the mobile era and workflow

• Took a decade to get corner radius/area type convert

Page 8: Symantec User Experience Group - Tools - Sketch

• The most precise and advanced vector drawing tool

• Excellent for wireframing, also creates precise assets

• Master pages, artboards

• Object-oriented rather than layer-based philosophy

Page 9: Symantec User Experience Group - Tools - Sketch

• The most awful workflow ever devised by man

• Seriously, I just want a basic inner shadow

• Buggy, unreliable pixel measurements

• Exploitative pricing — only Cloud from now on

Page 10: Symantec User Experience Group - Tools - Sketch

Press SPACE BAR to continue

Page 11: Symantec User Experience Group - Tools - Sketch

Sketch

Page 12: Symantec User Experience Group - Tools - Sketch
Page 13: Symantec User Experience Group - Tools - Sketch

Sketch is a simple, yet powerful vector art tool built expressly to produce

pixel-perfect user interface design.

Page 14: Symantec User Experience Group - Tools - Sketch

All elements are numerically editable, nudgeable, hintable

Page 15: Symantec User Experience Group - Tools - Sketch

Linked styles — add once, change everywhere

Page 16: Symantec User Experience Group - Tools - Sketch

Native slice export to PNG, PDF, @2x

Page 17: Symantec User Experience Group - Tools - Sketch

Built-in grid layout system

Page 18: Symantec User Experience Group - Tools - Sketch

Sketch Mirror: for mobile preview

Page 19: Symantec User Experience Group - Tools - Sketch

• Intelligent “smart” guides

• Cleaner, faster interface with more useful defaults

• Designed by interface designers, for us

• Inexpensive

Page 20: Symantec User Experience Group - Tools - Sketch

• No PSD, AI interopability

• Vectors must export to SVG

• Unproven technology, still working out bugs

• Mac OS only

Page 21: Symantec User Experience Group - Tools - Sketch

http://sketchmine.co

http://blog.mengto.com

http://medium.com/design-ux/25545f6cb161

http://sketchtips.tumblr.com

Resources

Page 22: Symantec User Experience Group - Tools - Sketch

Thanks!