Screens differ – often widely

The game interface will often need to support a variety of different devices, aspect ratios, resolutions, and pixel densities. The trend towards responsive design in web development is a good one to adhere to. Objects should not scale endlessly but be capped to a set minimum and maximum size. When it comes to placement, do not use absolute positions, but try to use relative (percentage) distances instead. Anchor all big chunks of the UI to the various parts of the screen (edges, corners, center), then attach all smaller elements (such as buttons inside the pop-up) to their parent object. A well thought out interface only has to be implemented once, then verified on the minimum and maximum settings.

Do not analyze ...

Get Practical Game Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.