How to understand the process of creating and transferring layouts for mobile devices to layout and further to programming?

Question

Design

Good afternoon. I know the basics of the cordova framework, I want to make the first, very simple, but with an individual design, application. Of course, I found a lot of information on this topic, but it seems to me either right away, very detailed, or too generalized. (for example, there is such an article - https://habrahabr.ru/post/183836/)
Now directly to the questions:

• How many designs do you need to draw for different platforms? The designer tells me that for android (phone and tablet) mega-rubber is drawn, because in android you can use SVG. For IOS, a separate design is drawn for each device.
  
• What should I get as output from the layout designer, also 5 types of layout (android, two iPhones and two iPads)?
  
• It seems that integrating 5 different layout types is somehow wrong. Or is it not?
  

I would like to have, shall we say, a folder view. Those. from the designer I get 5 folders with PSD, from the layout designer I also get 5 folders with html.
I'll forgive you if the questions are stupid, it's difficult to switch from the backend to the concepts of such, say, a "full cycle". Or maybe I stumbled upon an inexperienced designer who does not understand what he needs to draw?

Answer 1

In general:
- the design is different for the phone and for the tablet (actually it can be 2 different applications in general)
- the design for ios and android is different.
That is, this is at least 4 designs at once.
Further depends on the features of a particular application.
Some need to be deeply tuned for a specific resolution, and somewhere you can get by with simple rubber.
PS Everything that is written above applies primarily to native development. Cordova is chosen by customers for whom low price is more important than quality, therefore, it is unlikely that anyone will agree to draw more than 1 design option.

Answer 2

the meaning of web programming is cross-platform - that is, one code works everywhere and looks the same
svg works everywhere
make two adaptive designs - for smartphones and tablets
, it doesn’t matter where the web view is running - on ios or on android - it should look the same everywhere

Answer 3

I fully support Max Minimus ' comment ! Especially if it's a custom design. As far as I know, Apple people are very picky about design and require certain guides to be followed for applications for ios. Android is simpler and there is no checking of applications for compliance with style guides. Therefore, it is possible to file mock-ups for smartphones and tablets and to meet the requirements of the iOS people. In total, there are 2 layouts for each application screen.
For iOs application I used Framework7. What you need is customized for design layouts.