Servage Magazine

Information about YOUR hosting company – where we give you a clear picture of what we think and do!

Designing with Sketch

Thursday, February 25th, 2016 by Servage

SketchWeb design has been ruled by Photoshop and other heavy-weights for decades. Even here at the Servage blog we are currently working on a ten-part Photoshop web design tutorial, and there is no question that Photoshop is one of the most popular design softwares available. Unfortunately Photoshop is also a very expensive piece of software and for many hobby or beginner developers it is simply not feasible to spend so much on a software license. Furthermore Photoshop was originally designed for manipulating photos, thus it is not really optimized for web development Рeven though working with Photoshop renders great results, it could be more efficient.

Over the years there have been a few noteworthy challengers with good results. A long time favourite was the now discontinued Fireworks software, however, it was also expensive and is now remaining unsupported. Working with cheaper and better software has been getting a lot easier though, because more options are becoming available. For example Sketch, the design software that has been around for little while, is now matured into a really usable and great alternative for web developers and designers. Sketch is relatively cheap and offers all the benefits that web designers love, without all the blur and overload of unnecessary features.

Working with Sketch

Sketch allows you to build multiple pages with multiple slides in each document. You could basically create an entire project inside a single Sketch file. Each page can have multiple so-called art-boards, which could hold different variations of the same page – either to test different design options, or to place versions for different devices next to each other. In fact, responsive design is thought right into Sketch, and it comes preloaded with a few good examples.

Mobile is part of the design

Working with Sketch is very simple and if you have prior experience with Photoshop or Fireworks, then you will feel comfortable pretty fast. The main functionality of structuring your elements, handling layers and shapes and working with vectors is super easy and fast. The capabilities and performance are good.

Sketch easily lets you work with shortcuts to add layers, and you can structure and group your layers into many nested levels of elements. Furthermore Sketch has smart helpers to align elements in relation to other elements in the same contextual level. I.e. align your menu items to each other rather than suggestion alignments towards other unrelated elements in the content. Extensive grouping helps you keep track of content, and makes designing very efficient.

The overall work experience with Sketch is good, and productivity definitely increases if you come from Photoshop or Fireworks.

Designing with Sketch, 3.6 out of 5 based on 7 ratings
Categories: Software & Webapps

Keywords: ,

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

No comments yet (leave a comment)

You are welcome to initiate a conversation about this blog entry.

Leave a comment

You must be logged in to post a comment.