: How to create a consistent style across stock images for a website? I am currently applying changes to this site. Becky, my customer, demands that the images be changed so that the image content

@Angie364

Colours


Tune the clarity, vibrancy, and saturation to a similar level across the entire collection of images as much as possible by eye

Your images look a bit washed out/desaturated to me, but this isn't a critique. Just try to make them each share similar levels of vibrancy, saturation, and clarity.
I tend to mask out the original skies in collections of poor outdoor photos and replace them with a consistent, sunny, (happy) sky
Sometimes during the photo-finding phase it can be good to add an additional constraint of looking for photos with colours consistent to your colour scheme or finding images where changing the colours to fit your scheme won't be too difficult


Perspective


Finding photos with a similar general "plane"/perspective really helps to create consistency

For example, many of your images are, for want of a better term, "eye-level". That makes the birds eye view image very inconsistent. Either find a common perspective, or make sure that the perspective differs enough across the entire collection (don't have 95% eye-level, 5% birds eye view -- try to mix it up a bit more).


Level of Detail


Use images with a consistent level of detail

For example, most of your images are photographic, which just doesn't have any consistency with the simple, "non-realistic" graphics. Stick with either simple graphics or photo graphics, but not both for the same purpose.


Framing / Background


Ensure the images essentially look like they were made specifically for their frame

For example, the image of two couples with a broken heart is encased within another frame, which just makes it look like it was pasted in amateurishly.
Use images with similar background compositions

This doesn't mean all nature backgrounds, or all purple backgrounds, it means don't have some full background images, and some "light-boxed", (with a lot of literal white space).

Vote Up Vote Down

@Chiappetta793

I can not really help you with your customer demands – and I fear hardly anybody can.

Maybe you're actually not involved with the building of the actual website – and you are 'just' building sample layouts? But still I would like to recommend that you don't change the actual images that are uploaded to the website – but instead change the appearance of the images by applying CSS3 styles.

All of the examples you've given could be achieved throug the use of CSS. The actual effect would render in the browser while the images stay the same. That would make using css styles more flexible than actually manipulating the images. You can basically change all image styles at once and don't have to re-render and re-upload any of the images. So even if your client later decides to just have another style applied, you can do that without much stress.

And even if you are not actually building the website, looking at what can be done with pure css might also help you get some new fresh ideas – and at the same time you're on the safe side when it comes to the actual website construction. Here is a page with some examples from 2011 – but you'll probably find a lot more when you're searching for "css3 image styles" or the like.

Vote Up Vote Down