…or “what you must know about designing for retina display and high-density screens”.
Pixel density it’s an often misunderstood subject: some people think that the solution it’s just to design everything at twice the size that they used to, but actually it’s a little simpler and more complicated than that… at the same time.
Be sure to also check the text version on Medium and remember:
- Design in vector shapes
- Design at “1x”
There are an ever-increasing number of devices with different screen resolutions to take into account with a responsive design, so we put together a simple but handy diagram that lists the most common device widths as of the present, along with overlays for potential device width ranges. A big shout out to creative partner Sisu for the inspiration to put this together.
Originally posted on April 11, 2012 at 06:05PM at A Simple Device Diagram for Responsive Design Planning | Metal Toad Media