Applying for January classes? App/scholarship deadline extended through December 9th. Click here
Search Icon A magnifying glass icon.
Search Icon A magnifying glass icon.
Subject
Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Graphic Design Degree Courses
Discover Sessions Graphic Design Hub

Professional Certificates

Explore Graphic Design Career Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Web Design Degree Courses
Discover Sessions Web Design Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Web Design Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub

Professional Certificates

Explore Digital Media Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub
You can deepen your software skills and keep up with the latest Adobe CC updates in our online Digital Arts courses.
Contact Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Digital Photography Degree Courses
Discover Sessions Digital Photography Hub

DEGREES

Next Start:
January 1, 2025
Explore Fine Arts Degree Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Illustration Degree Courses
Discover Sessions Illustration Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Illustration Career Courses

DEGREES

Explore Advertising & Marketing Degree Courses
Discover Sessions Advertising & Marketing Hub

Professional Certificates

Explore Advertising and Marketing Career Courses

CERTIFICATES

Next Start:
January 1, 2025
Next Start:
January 1, 2025
Explore Sessions Career Courses
Professional Cert PLUS
Next Start:
January 1, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Sessions Bachelor's Degrees
Next Start:
January 6, 2025
Next Start:
January 6, 2025

PixelSnap Makes Measurement Simple

by Sessions Staff | February 6, 2018

PixelSnap Makes Measurement Simple

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 a former Managing Editor of Notes on Design. Margaret is a teacher, designer, writer and new media artist and founder of Hello Creative Co. Read more articles by Margaret.

 

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.

This blog is powered by Sessions College, the leading online school of visual arts.

©2024 Sessions College for Professional Design  All rights reserved

Terms & Conditions       Privacy Policy