Angela Asca
By Angela Asca | Web Design, Web Dev | July 18, 2016

Sketch: Bringing Web Design Closer to Development

Sketch – Web Design in the Post-Adobe World

With the fairly recent development of a subscription-based pricing model for Adobe, users have been searching for a new alternative for some critical programs. Adobe Fireworks, primarily a web design tool, was discontinued in 2013, leaving some loyal users shunned (myself included). After discovering Sketch, a professional digital design app several months ago, I was eager to give it a try. It offers a lot of what Adobe Fireworks was all about, plus more.

Sketch Features

Since Sketch is vector-based, it allows you to use patterns and graphics that are infinitely scalable, so if you need to adjust the size of a logo that was imported as an eps file, it’s easy – and it won’t degrade the quality of the image. Also, once you’re in development, you can right click on an element in your mockup to copy the CSS attributes for that item, which is a nice shortcut even if you’re well-versed in CSS.

In addition, each project lets you add multiple pages, making it easy to keep all of the mockups in the same place (and file). There is also an option to define document colors, as well as global colors. This is great, because you may find yourself repetitively using the same colors in a mockup, and instead of having to sample it every time you need it, it’s only a matter of selecting the swatch from the options that you’ve already defined.

While there are still some improvements to be made in the Sketch app as it’s still fairly new to the market, it’s a great start and a much-needed solution for web designers & developers. Hopefully within the next year, some features will be smoothed out and it will be easier to export all of the pages to a lower file size in one click. At the moment, there is only an option to export to PDF, and to export to PNG, you have to save each page separately, one-by-one.

Here at Digital Reach, we’re always interested in using the best technologies to achieve the desired results

background dots

Related Topics

5 SEO & Paid Media Strategies To Learn From Your Competitors

by Keith Newsham

Additional Contributors for this piece: Kim Brown, DRA Paid Media Strategist Looking for new sources of organic traffic? Of course you are! How…

Brand Consistency: The Secret Ingredient to Successful Paid Search

by Natalie Hanes

Branding is one of those nebulous, mystical terms. With its unintuitive metrics and nontactical strategies, branding is an integral thing that often gets…

Building an Account Funnel for ABM

by Andrew Seidman

With any campaign, proving success with clear reports is a critical feature. This is especially true for account based marketing campaigns, but there’s…

In the time it takes to read this sentence, you could be on your way to a well-oiled demand generation machine. Ready for your blueprint?

yes, i want my Digital blueprint