How to design on Google’s Pixel XL?

almost 7 years ago from Martijn Otter, Designer

  • Marc EdwardsMarc Edwards, over 6 years ago

    The device’s UI density is used to scale Android’s dp units to the screen pixels.

    This means 1 dp will become 2.6 pixels on the Pixel. If you want to deal with dp units on your canvas when designing, you need to use a canvas that’s the screen res divided by 2.6. Dividing by 2.6 results in a fraction, so it has to be rounded up or down. It’s not as perfect as working with integer scaled displays, but I still think working at 1× is the best way to go.

    Hopefully that makes the maths a bit clearer?

    It’s worth noting that 1 dp becoming 2.6 pixels is a little more complex than noted above, when it comes to the final app running on the device — bitmap assets will be bitmap scaled down from the nearest larger size (probably 3×), and view sizes will be rounded so they align on a pixel boundary.

    0 points