2

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 Apr 17 '14 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 Apr 17 '14 at 21:21
5

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, privacy policy and cookie policy

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