I'm designing a page with a lot of beautiful pictures of different places. I'm wondering how I can use some sort of filter on the pictures or how to format the container to give the page a consistent feel. Please note that these pictures will be user generated and thus I'm not sure what will come about.

Here is an example of what I'm working with:

Picture gallery example

Should I add a border to the container? Or desaturate the pictures? All in all, I need a filter to put on pictures or a method to format the picture container to give the dynamic pictures a flat feel.

  • 1
    This will be somewhat subjective, but FWIW, what you have looks just fine. The consistent UI is key and you have that, so the fact that the images are different really isn't that big of a deal.
    – DA01
    Jul 1 '13 at 4:29

I don't believe you should be thinking about unifying the images. There's not much you can do in that aspect, because there's not algorithm good enough to generate the same output from very different pictures... or if there is, it would just consume too many resources.

What I would do, instead, is working on the containers. If you move the attention away from the pictures themselves, and maybe into the space between elements, the colors or the texts, you can live with not-so-pretty images. For example (done in a hurry):

enter image description here

Making the images smaller, and the containers the same height can go a long way. In this case I used the same text for all of them, but you could have a fixed height (say, 3 lines of text) and add a "read more" or similar for the rest. Or you could have boxes with different heights, but with enough negative space between them to separate them visually.

In my opinion, the problem with the gallery is that is looks quite different from the rest of the site. It looks busy and dark, and the images plus the black and the shadows and the transparency just don't go that well with the web styles.

  • Wow that's great advice! Thanks a lot! I thought about changing the container but just never making the imagine small because I thought the picture would be such a important part of the experience. I will try this out!
    – trigun0x2
    Jul 2 '13 at 13:55

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.