Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am about to launch a beer app on Facebook, and while it's a minor detail, I am deciding between two ways to display the photo:

Option 1:

same padding

Padding is less than the body text, but a little edge remains so it's clear that this is all one post. The advantage of this may be the variety it creates, and the nice large size for a photo?

Option 2:

less padding than surrounding elements

Padding is the same on the photo as the rest of the content, resulting in more breathing room between each post in the feed.

share|improve this question

migrated from Dec 19 '11 at 10:48

This question came from our site for user experience researchers and experts.

#2 feels better. – DA01 Dec 19 '11 at 16:14

My instinctive response is to keep the padding consistent, just on aesthetics.

This could partly be explained by the closure gestalt principle as well as the proximity principle .. having the edges out of alignment makes the images appear further away.

Also, consider how the eye may track down the page - with the ragged edge presented by the bulging images there is no smooth direct line, instead the eye has to bump out and bump back in again.

share|improve this answer
Those extra 10 pixels aren't adding much to the image--and people will zoom in anyway if they want more detail. Keep your edges clean and even and it'll feel more polished. – Alex Feinman Dec 19 '11 at 14:20
I go with aesthetics (+1). Also, because your background is not solid, the equal padding makes the images clearer (for me). – Yisela Dec 19 '11 at 16:07

In contrast to @Erics, my instinctive response is to use the smaller margins. While I understand the reasons for consistency, I think the requirement here is to show the photo as large as can be managed, to give the best possible detail.

I don;t think you lose the connectivity, but what it does do, for me, is extend the scope of the printed text to include some white space at the start - so the margin line continues from the photo down.

The larger margins look to me like wasting space. It is like having thicker glass on the beer glasses - it may make them stronger, but I want the content, not the glass.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.