Pixel Density, Demystified

How pixel density works and how it affects your designs.

This article & video were originally created as part of the UX course in Sketch Master.

Check out the top pixel density resources for designers.
Icons for the original Mac, designed by Susan Kare.
Notice the difference the Mail icon’s envelope and the clarity of text labels.


Controlled Chaos

Design in vector. Design at 1x.

Fake it ’till ya make it!

Design for the iPhone Plus as though it was truly 3x. The device will scale it 87% for you.

Your Eye’s Perception of Scale

Lower Pixel Density

Different Dimensions

Sanity Check?

Essential Resources

Designer working across UX, web, branding, & traditional graphic design. Creator of Sketch Master — online training courses for Sketch. pnowell.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store