4

All app/web layout designers, I need your help with layouts for my app. I am struggling with a very specific thing: image sizes. What are the general guidelines for touch devices and windowed programs? Should I eyeball the max width and height? What if it's on desktop and I am making the window larger / smaller?

Any help is absolutely appreciated, I had perfect success in all of what I worked on in the app until now except this. I just can't get it right.

Comments
  • 3
    Isn’t that easily available via search engines tho? I mean we got thaught that shit in high school... not like I remember it from the top of my head, but c’mon mate you can do it’
  • 0
    @100110111 there are a million and a half ways to do it. This is not a code issue. I can figure out code. What I am missing is... when and why. When should I clip the image? When should I display the full thing? How should I react to the screen flipping? What if the user makes the window larger? These questions most likely will not get a good answer immediately because it’s not so technical...

    Though I could be just completely wrong and there is a formally accepted technique to al of this.
  • 0
    I am not a designer, but here is what I did on a recent project of mine (for desktop). This is for a main image of a post.

    img preferred width = post width
    img max height = x% of screen height (or maybe a fixed value)
    if img too big for max height, scale to fit (in css I used object-fit: contain)

    I don't know about mobile, but this worked for me
  • 1
    Ummm...Just see what happens with a different well-known product and do that? That's what I would do I guess
  • 1
    @Sylum ...I had no time. On top of all that, I am just a high-schooler lol
Add Comment