This is the current design:

enter image description here

Where should I position the left-top element so this UI is more balanced?

  • 3
    I would move the image in and down a bit so that the margin/padding (gap to the outer edge) is the same as the margin you have around your QR code. Having consistent spacing is easier on the eyes IMO.
    – John
    Commented Apr 17, 2014 at 13:46
  • 1
    The more information you add to your question, the more detailed the answers will be. I would perhaps change 'enjoyable' (which sounds subjective) to something like 'balanced'. In any case, welcome to GD.SE!
    – Yisela
    Commented Apr 17, 2014 at 21:21

1 Answer 1


I have two suggestions, depending on the aim of this product:

1) Can the image thumbnail be bigger? I would make the thumbnail roughly the same height as the QR Code and incorporate @John feedback.

enter image description here

2) Is that QR code simply for that one thumbnail? or are there going to be more thumbnails per QR code? If the latter, I would create 5 more gray boxes the same size as the original thumbnail and lay them out on a nice grid, so you have a 2 rows of 3 boxes.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.