Tips on how to make UI cutting for Android mobile app.
Mobile app developers normally will follow UI cutting guide from designer.
For newbie designer, sometime it is confusing to make the proper document,
this is just a guide help
First create canvas for 1080 pixel WIDTH in Photoshop,
then we can cut it "as-is" for XXHDPI (3x baseline) (1080 pixel width),
then scale it down for XHDPI (2x baseline) (720 pixel width),
then scale it down again for HDPI (1.5x baseline) (480 pixel width).
- Please see device reference: https://design.google.com/devices/
- In MDPI (1x baseline) devices, 1 dp = 1 pixel.
- We do NOT need to worry about screen HEIGHT because our mobile app will use UNLIMITED vertical scrolling, so just pay attention for WIDTH only.