Sketch App vs. InDesign: Another Day, Another Program

10.19.2016 »
Design
Stay up to Date
Sketch App vs. Indesign logos

If you’re a web designer, then you know that there are tons of options when it comes to picking a program to build your mockups in, and more seem to pop up each day. It’s great to have a plethora of options, but let’s be honest – it gets overwhelming when the list of trendy new programs continues to grow and you’re just trying to focus on meeting your next deadline. You want to pick a program that will work for you intuitively, quickly and still produce a pixel perfect product that can seamlessly be handed off to your developers.

At Sanger & Eby, InDesign has actually been the program of choice amongst the design team for quite a while.

Some of the key reasons we use InDesign:

  • You can utilize paragraph styles to quickly update your typography across multiple pages
  • Master pages help you keep top navigation and headers consistent across the board
  • Perhaps most importantly, you can set up grids to accurately produce a bootstrap template

InDesign has been a tried and true companion to our design process, but we’re always looking to see what’s new on the market. So in the past year or so I’ve been dabbling in Sketch App to see what all of the hullabaloo is about. After a handful of tutorials and articles, I was ready to use Sketch exclusively on a project from start to finish. I’ve got to admit that it has some great bells and whistles, and it continues to evolve its features and functionality.

The biggest appeal of Sketch that prompted us to explore the program in the first place was its exporting capabilities – cutting assets and pulling small chunks of CSS directly from our art boards – prompting a faster and easier handoff to the development team. Whereas with InDesign, we still have to manually bring each asset into Photoshop and save it for the web individually. We also write up all of our CSS attributes from scratch when using InDesign.

When I first started using Sketch, there were still some major glitches that have since been resolved, and the program gets better with each update.

Sketch has great features such as text styles, layer styles and symbols. You can easily make updates to text, buttons, headers or footers, and with the click of a button those changes will apply to all instances of those symbols and styles. You can also easily export a batch of assets or full pages. The “Mirror” feature is pretty cool because it lets you preview your designs in real time on an actual device. I hope that they continue to build upon this feature because it would be ideal for sharing designs with clients. Right now, it seems like you can only share preview links locally. 

Screen capture of the Sketch App program

 

Coming from InDesign, I did have to get back into the habit of organizing my layers religiously when using Sketch. This did slow my process down initially, but when it came time to export my assets in Sketch, it was all worth it because they exported into organized folders according to their layer names. 

One hiccup I ran into with Sketch was its lack of gradient support when exporting pages as a PDF. When I tried exporting all of the mockup pages, none of the gradients I created were rendering correctly. So each time I made revisions and had to export my pages for review, I had to first export them as jpegs and then pull them into a PDF file. So that got a little tedious, but it’s not the end of the world. I know a lot of designers keep their files as jpeg anyway, so maybe there’s something to be said for that.

I was delighted to find out about the Sketch plug-in, Craft. This tool took the cool factor to the next level. It allows you to import and create libraries of photos, style guides, and content. You can generate and duplicate content or even pull content directly from the web. The creators of Craft are currently in the works of adding a new prototype feature that’s sure to be a game changer for Sketch once it’s released.

For now, we’ve been using Invision App for our prototypes, but I’m excited to see what comes of the new prototype plug-in for Sketch. We’ve also been keeping our eyes on Adobe XD, which has a strong prototyping feature, but it still doesn’t compare to Sketch when it comes to symbols, styles and exporting options.

After using Sketch for a while, I did find myself wanting to go back to it for other projects. I had started creating my next project in InDesign, but kept finding myself missing certain features that Sketch had.

Overall I’m a big fan of Sketch and the targeted, UI specific features that it has over InDesign. While InDesign has been our go-to design program, we’re looking forward to exploring Sketch further and Adobe XD as it continues to evolve.  

Keep reading.
Load All
View More

We Inspire Engagement.

Sanger & Eby

501 Chestnut Street

Cincinnati, OH 45203

513.784.9046

 

Get Directions

Sanger & Eby

501 Chestnut Street
Cincinnati, Ohio 45203

Get Directions

Click here to view our location Open Street Maps Copyright