Responsive UI
Learn about responsive UI while designing app screens.
We'll cover the following...
What does a responsive UI mean?
First, let’s understand what a responsive UI is. Having a responsive UI means having UI screens that are designed in such a manner that the screen looks similar on all types of devices, irrespective of screen size and resolution. Whether we open our app screens on a tablet, phone, or desktop, the screens should look somewhat similar on all of these devices.
We may think, ‘Why should a developer take care of this?’ We should take care of this because, when we are developing the app screens, we tend to build widgets (buttons, textboxes, etc.) according to the screen resolution of the emulator we’re working on. If we choose the button’s height as, say, 25
, this basically means there are 25
pixels on that particular device or emulator. This ...