Hey,
If you want to develop screens for a mobile multi platform (Android, Iphone, …) app, what screensize do you suggest to devolop the app for a phone?
So what size off board do you suggest?
Thx
Hey,
If you want to develop screens for a mobile multi platform (Android, Iphone, …) app, what screensize do you suggest to devolop the app for a phone?
So what size off board do you suggest?
Thx
Hello @BDV
AFAIK there’s no golden rule about it, you can use whatever you want or the ones your research pointed out for you (in the case you have access to such data). I usually go with 390px width and height as long as the content need to be. From this range there will be little adaptations to do from 240px (the smallest possible I’ve found in phones) to 480px, if ever needed.
Hope this helps you somehow
Hi BVD,
I think the graphic resources must be provided in different resolutions (@1x, @2x, @3x) to adapt to screens with different densities. The iPhone 15, for example, has an effective resolution of 2556×1179.
No need to provide in different resolutions.
Whit flex layout the layout is autamaticly adjusted to the screen size see also Penpot layout
Of course, you’re absolutely right. I was talking about the possible export of resources. If you export a 300px image and it displays at 900px, problems may arise. But in the design phase it actually doesn’t make sense!
…to simplify, if you give a developer an image 400px wide, which by design would be full width, on an iPhone you will probably have some problems. Maybe I could be wrong…I’m just a graphic designer, I explore interface design and prototyping for pleasure and curiosity!
Thats why its always good to use an vector image see vector file formats
Yes, obviously! But I imagine that sometimes raster images are also used…imagine Pinterest or Vinted or thousands of other applications out there; I don’t think it’s possible to work exclusively with vectors.
Whit Inkscape it is possible to convert an image to vector file
Maybe we are following different paths in this discussion, but I find it pleasant to discuss, then I’m on holiday! Try vectorizing a 2000px by 2000px image with plenty of detail. When you have the resulting vector you will see some problems arise, unless you make 2 passes obtaining a vector of very poor quality. If you have to make a slideshow for a museum app, for example, where the care of the images and the correspondence with the real works of art is fundamental, I don’t think vectorizing the images is the best way
Thx, makes sence to me