Design

Sketch | The Designer’s Toolbox

What is SketchApp?

“Sketch is a professional vector graphics app with a beautiful interface and powerful tools. We set out to build a better app for graphic designers. Not to copy, but rather to improve.”

This text from its official website explains exactly what SketchApp is: a graphics app which owes its existence to the imperfections of the existing graphics app: Adobe’s Photoshop and Illustrator being the major ones. It uses vectors to create images, which means that you can keep up- and downscaling without any loss of quality. Combined with the integrated, native @2x export options, this makes SketchApp the perfect app for iOS or Mac app design which often require both @1x and @2x UI elements since the introduction of devices like the iPhone 4, iPad 3 and MacBook Pro with Retina display.

When using SketchApp, it’s obvious that the app doesn’t try to copy the leading applications for graphic design like the GIMP. Instead, it offers an entirely new (yet intuitive) UI with functions that make SketchApp unique. Of course there’s always room for improvement or optimisation, but I think that’s the case with every app as technology is constantly evolving.

SketchApp

Why do I use SketchApp?

My first attempts at graphic design were done in Adobe Photoshop. In the beginning (I must’ve been about 13 years old) I basically just designed wallpapers for my mobile phone and computer. By doing so, I got to explore Photoshop’s functions one by one: layers, opacity, gradients, shapes, transparency… I still remember how it took me quite some time to get to understand how the pen tool worked.

This was all done on a Windows-based computer, and when I got my first Mac two years later, I didn’t really think twice about it and installed Photoshop. I wasn’t really into the world of graphic design in terms of seeking contact with others who were passionate about it, so I never got to explore the inspiring and exciting world of graphic design until I began to visit forums.

Then, about a year and a half ago, I discovered this new app called “Sketch”. It was entirely different from Photoshop because it used something called ‘vectors’, which caused images to never become blurry.

Ever since, I use SketchApp whenever I can and I only use Photoshop whenever someone else either needs a file in .psd format or provides me with one.

Illustrator

SketchApp as an alternative for…

It can be said that Adobe has set the golden standard as far as graphic design is concerned; Adobe’s Creative Suite contains apps like Photoshop, Illustrator and Fireworks and they are all used by professionals in the graphic design business on a daily basis. There are some aspects in which these apps either lack functionality or intuitivity, though.

Photoshop, for example, can be very confusing for beginners and doesn’t always work with vectors. Precision work can be very frustrating due to the pixelated view that is produced by zooming. Illustrator can be just as confusing and, in my opinion, is sometimes limited in its functionality as well. It just lacks certain functions that are present in Photoshop, which makes both apps feel ‘incomplete’, so that SketchApp seems like an combination of both Photoshop and Illustrator. SketchApp is also often compared to Fireworks; I do not have any experience with this application but I found its UI very inconsistent to that of other Creative Suite apps, such as Bridge, Dreamweaver, Photoshop, Premiere Pro and Illustrator.

While I feel that some apps in the Adobe Creative Suite should be complementing each other, the inconsistency in UI makes this quite difficult.

While SketchApp most definitely isn’t a fully fledged alternative to each of these apps yet, I’m sure that it will be with future updates and additions. After all, SketchApp still is a relatively young app when compared to Photoshop etc.

Photoshop

Should you use SketchApp?

Being an active observer of the Dribbble community, I have noticed that SketchApp has gained a lot of popularity under (professional) graphic designers. In the few years SketchApp exists, it has obtained a fairly large fan base with ‘fan groups’ on various social media like Google+, Twitter, Tumblr and also several websites which revolve around sharing (free) .sketch files, mostly templates.

Someone might prefer Pixelmator over Photoshop and SketchApp or vice versa, so whether or not Sketch is an app meant for you is completely personal. If you’re up for something new and prefer using vectors (if you do a lot of rescaling, for example) then you should definitely check SketchApp out!

  • Great article Nils, I’ve been in two minds whether to give Sketch a go since I first heard about it as I’ve always very much been an Adobe person

    • nilskeesmekers

      Thanks! I know what you mean – although I can get my work done with the Adobe Creative Suite, I don’t really like most of the apps (Photoshop pretty much is the only one I genuinely like).

      However, what’s stopping you from giving Sketch a try? They have a 15-day trial so you can just go and see if it suits you! 🙂

  • flappypenguin

    I started using it over my holiday there, doing some simple typographic branding – and I have to say, it impressed me a lot but I don’t think it’s quite there as a photoshop replacement. It’s image editing abilities are some what limited and I found masking a little awkward and fiddly compared to Photoshop’s simple clipping mask approach. Having said that – I found a lot of nice little features that are way better than Photoshop or Illustrator such as distribution of layers, smart guides and multiple canvases (like illustrator) & pages (like fireworks). I want to continue to use it and I will, but only for personal projects for the mere fact that everyone expects PSD’s from me, and i’m the only designer at work who’s using a MAC so there’s no cross platform ability and there won’t ever be according to the developers.

    Objects (like Fireworks/Flash) would make this a killer app, given that it has multiple canvases and pages, i’d like to use objects so I can edit once and it applied to all. I’m happy to jump back into photoshop for image editing as that is Photoshop’s intended use – however, I don’t really want to have multiple software subscriptions if I don’t have to, so some basic bitmap editing features and common image filters might be a good addition.

  • Hi Nils,
    Can you export .sketch to .PSD? How’s your workflow if someone needs .PSD?
    Thanks!

    • justinTimeAgain

      Sketch is vector based. It can output to raster. The following extensions are available. EPS, PDF, SVG. As well as raster files such as JPG, PNG, and TIFF. I can’t see why anyone would work in sketch to import into photoshop, unless you designed in Sketch and have to submit PSDs. If the later is the case, you proably should be working in Photoshop, unless the reason for PSDs is the recipient is using photoshop and wont/can’t/doesn’t-want sketch.

Subscribe to our mailing list