Hello, I have a short question that has been bugging me. What should I use when checking how my UI looks on other devices: Actual Resolution or Physical Size?
When I test it on Actual Resolution, the quality is much better than on Physical Size. But what is more accurate? Actual Resolution implies that this is the correct resolution of the device, yet in reality the device itself is smaller. Does that resolution still translate to the device or is it a mix of the both?
It shouldn’t matter that much (atleast for me)
For physical size it’s more used to check the UI physical size, so you can make sure the UI is not too small or too big if a person is playing your game on a phone, people can see it comfortably and easily, and you can compare it with your hand when you are holding the side of the phone to make sure the person can press buttons easily.
For actual resolution, it draws the same amount of pixels as the phone, for example iPhone 7 has a dimension of 667x375, and your emulator will also draw that many pixels. This is more used to check the quality of the UI, so like you said, the quality in actual resolution is better than on physical size, because it’s just more accurate.
The reason actual resolution looks bigger than physical size is because phone pixel size and computer pixel size are not the same. Computer pixels are usually bigger, so when the same number of pixels is drawn on both, it appears larger on a computer. Physical size tries to draw fewer pixels to compensate for the bigger pixel size and match the real world size of the phone.
Oh and to answer your question (I almost forgot about this), if you mean scaling as in size, then use physical size.
The more you know
Thank you, rn I have a list with bullet points in my ui and there is a massive difference when I use the both versions. If physical size does not display the actual quality of the ui, would that mean the sharper quality with which I see my bullet points is correct?
You are correct, but also not really (?) Chances are if you almost can’t see the text in physical size, then you should make the text larger, because not everyone have very good eyes and some people may not see it as clearly. Disclaimer: I am not a UI/UX expert, so don’t take this advice as professional advice
Imo, you should put less points on the screen or use a scrolling frame so there is more space for the text, because from what I see the text is small.
Ok now I have a dilemma. I wanted to use an arrow in order to progress to the “next page”. I could use scrolling frames; actually conisidered using scrolling frame. What I just noticed is, the next buttons text is scaled amazingly. It is actually smaller on my actual PC screen. So, what is the problem with the bullet points then? I do use UI gridlayout.
