{"id":627,"date":"2022-04-17T00:38:04","date_gmt":"2022-04-16T22:38:04","guid":{"rendered":"https:\/\/www.bellingo.de\/blog\/?p=627"},"modified":"2023-05-12T17:50:33","modified_gmt":"2023-05-12T15:50:33","slug":"devblog-responsive-design-with-unity","status":"publish","type":"post","link":"https:\/\/www.bellingo.de\/blog\/devblog-responsive-design-with-unity\/","title":{"rendered":"DevBlog: Responsive Design with Unity"},"content":{"rendered":"\n

Designing a user interface with Unity is done quickly, and the results may even look very appealing. But things become ugly as soon as you change the aspect ratio of your screen, testing your design on different smartphones or tablets. Fortunately, Unity includes a few tools to help you implementing a so-called Responsive Design<\/a>. Here are three tips from my experiences with my current project, Network Traders. <\/a><\/p>\n\n\n\n\n\n\n\n

Your best friend in the Unity editor is the Device Simulator<\/a><\/em> which is available since Unity 2019.3. It contains a pretty long list of different screen configurations you can use to test your UI. Beside the „normal“ configurations like older Galaxy S models, check out those with extreme specifications. The iPad 12<\/a>, e.g., has an aspect ratio of 4:3, while a Motorola Moto G7 Power<\/a>’s is the opposite extreme, roughly 19.5:9 (6.5:3). The configurations also include the notch location of modern devices, rounded screen edges and the resulting „safe area“. My first tip is, use the Device Simulator to check those devices regularly and see, if your UI looks good on them, too.<\/p>\n\n\n\n

\n