Since about a year I'm working with Sketch by Bohemian Coding. For those unknown with Sketch, it’s a Mac application for interface design. Before using Sketch we mainly used Adobe Photoshop at Studio Wolf, a tool most of you probably know of.
After not using Photoshop for a year (for Interface design that is) we’ve been asked to use Photoshop for a project because a client desired so (mostly because their technical party doesn’t use Sketch).
I thought to myself: “I’ve been using Photoshop for over 10 years, so this shouldn’t be a problem right?” I was kind of wrong there. Photoshop frustrated me after using Sketch for over a year. Falling back on Photoshop made me realise what the true power of Sketch is: creative speed and flexibility with Artboards.
A Sketch file exists of one or several artboards. You can compare an artboard to a piece of canvas. Sketch allows you to put multiple artboards (without size constrictions) in one file. This is pretty convenient if you want to put your desktop and mobile designs in one file.
Imagine I made a product overview in Sketch. I’m pretty happy with the result but quickly want to see the difference between various contrasts and whitespace. I duplicate my artboard, put it next to the other one, edit my contrasts and whitespace and I’m able to quickly see the difference without having to open my file in a new window in Photoshop, save it as a different file, edit and compare.
Having your different versions in different files makes it a lot harder to quickly see an overview of the design process. I sometimes make up to 10 different versions and Sketch offers me the possibility to quickly compare the differences in just one file. Because I believe the process is one of the most important things in design, I really like this feature.
The artboard feature in Sketch makes the design process more visible and clear. I can quickly copy, try out some design ideas and discuss these with the client.
During the project in which the client requested to make the designs in Photoshop, I first designed a couple of concepts in Sketch and continued to work them out in Photoshop. This made me keep my creativity and flexibility without having to disappoint the client by not using Photoshop.
Because it can’t be all rainbows and butterflies I’d like to point out a downside of Sketch as well. If I want to select a layer and drag it to a different position, while there’s a second layer on top of it, it automatically grabs the top layer. This causes quite some fowl words from time to time in our office. If you have some workarounds for this downside let me know!
— This post was originally written on the Studio Wolf blog.