PixelSnap Makes Measurement Simple

by | Feb 6, 2018

If you’re a web designer you know how important it is to create designs that are scaled properly for a variety of screens and devices. It can also be difficult sometimes to come up with the right ratio of scale between different design elements in your layouts. A button needs to be scaled big enough to see but not disproportionately large compared to a text field, for instance.

PixelSnap is a useful new app that simplifies the process of measuring elements and space on web pages. Now you can simply drag and select to find out the scale of anything on a page. So, if you come across a site that has a layout you like you can find out the scale of the modules on the page and get a sense how other designers are scaling buttons, boxes, and text. You can measure the distance between elements and learn about how to use white space in a design as well.

The app also has features like tolerance modes to help it measure nuanced features like gradients and shadows. You can also set up a global hotkey to make quick assessments of scale in a snap. The app supports Retina and is very light-weight so it performs quickly and integrates effortlessly into a designer’s workflow.

The app costs $15 but you can get a $5 discount with the code PRODUCTHUNT at checkout. To learn more visit their website www.getpixelsnap.com.

Margaret Penney is the Managing Editor of Notes on Design. Margaret is a teacher, designer, writer and new media artist and founder of Hello Creative Co.

For creatives seeking a thorough training in web coding and front end design, Sessions College offers accredited fully online web design certificate and web design degree programs. Contact Admissions for more information.

A design blog powered by: