Image orientation

Generally, people think about image orientation in terms of portrait or landscape. What this really means is which way the image frame is oriented:

  • Portrait – the height of the frame is longer than the width. This would be portrait:
  • Landscape – the width of the frame is longer than the height. This would be landscape:

But this is also portrait:

And this is landscape:

Also, we might think this is landscape, because we recognise what’s in the picture, but the frame is actually in portrait orientation.

But, this can be either portrait:

Or landscape:

And only the person who took the photo knows which way the camera was oriented.

The Sketch Grid approach to image orientation

Seing as image orientation is not a simple matter, in Sketch Grid, we take a pragmatic approach – we orient the photo in the way that will take the most of your limited screen space. If your picture is more wide that it’s high, we turn it on its side, to align the longer side with the longer side of the device you’re using. This avoids situations like this, which in our view is a waste of screen space:

Once the picture has been oriented in the way that it takes the most space on your device’s screen, it stays there. You can flip your device around, and the controlls will flip accordingly, but the image will stay where it was. This gives the user the feeling of holding a physical image, rather than one that changes orientation when the frame is rotated. So instead of the above, Sketch Grid will show you this:

And you can flip your device to look at it whichever way you like – the controls will follow, so you can still use them in the new device orientation.

We hope you enjoy using Sketch Grid. If you have any feedback or suggestions, plase use the contact form, or write to the email address in your app.

Leave a Reply

Close Menu