What is a screen?
Before creating an App, it is important to understand the structure of an application.
The first thing to know is that every app, as well as a web page, is composed of some screens.
Each screen will contain some contents and information that the user can view.
If we use more screens, the app will be more interactive and will not annoy the user. Also, if we share the contents on different screens, the app will be faster to upload and faster to show content.
Obviously, if we want the user to navigate the whole app, it is important to link all the screens, so that the user can choose the section of the app to view.
STRUCTURE OF THE SCREEN
Now let’s see how an application screen is composed.
Usually an app may contain some fixed components, which maintain their position on the screen, represented by the bars of the navigation menu.
In each screen we can use for example 3 bars, 2 at the top and one at the bottom, as in the following image.
Down on the bottom bar, we have a small box which represents the space occupied by the banner, in case your app contains advertising.
Finally, the space in the center, in purple, is the section where we will insert the content (images, text, tables, icons).
The more bars we will use, the less space we will have available for the content. In this case in the app a scroll will appear, to display the items that do not fit the entire screen.
Once you are clear about what a screen is, and how should be its structure, you are ready to create the App design to give it the style you desire.