Best resolution to design buttons in

Updated on May 8, 2018 in General
Share on Facebook0Tweet about this on TwitterShare on Google+0Share on Reddit0
5 on April 19, 2018

 Hello everyone

 

I’m making a mobile game in unity with resolution width equal to 320 and height equal to 480.The orthographic size of my camera is 480 and most of the time my sprites pixels-per-unit value is 1. My question now is, if I want to have buttons of width and height equal to 100, in which resolution should I best design them and why?

 

Ruben 🙂

  • Liked by
Reply
0 on April 19, 2018

1024 is a high resolution that can be scaled down to fit any scene. If you’re really strapped for memory, 512 is also acceptable.

Also, 320×480 is really low res. Any particular reason for that? Most modern phones have upwards of 1080.

  • Liked by
Reply
Cancel
2 on April 21, 2018

I chose 320×480, because I found online that it’s best to choose a low resolution and then write a scaling script to scale it for larger screens. But I’m new to this, so I’m not that sure that this is the best way to do it.

Wise
on April 21, 2018

I would suggest the opposite. Give yourself a decent size to work with, and scale down so you don’t loose quality on larger resolutions.

on May 4, 2018

Okay, I will do it that way. That also sounds more logical to me now. Thank you very much for replying! I’m sorry I wasn’t able to reply back immediately. I forgot it because of my exams. 

Show more replies
  • Liked by
Reply
Cancel
0 on May 8, 2018

I would suggest that when you work, you target a nice HD screen resolution like 16:9, 1920 x 1080. You can set this on the Game window, by selecting 16:9 as the aspect ratio, where it normally says Free Aspect. This helps while your in the editor.

Next. When you are laying out your UI, you should take advantage of the Anchor system in Unity.  This allows you to place GameObjects in percentage from the Anchor. This also handles the scaling of the GameObjects.

For example: If you have a button that is 10% from the left and 40% down from the top, and it is rectangular with a 2% area, when you shrink the resolution, it will scale that button accordingly, while preserving its place in the view area.

Here is the link to the Unity Manual:Designing UI for Multiple Resolutions

  • Liked by
Reply
Cancel