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.
Originally published at Notes on Design from Sessions.edu.