Ekaterina Novoseltseva en Designers, Web Designers, Web Designers 20/9/2016 · 5 min de lectura · +700

Photography in web design: tips & examples

Photography in web design: tips & examples


Many UX designers underestimate the importance of good photography in web design. But in fact, photography in web design is an essential element to make your website have a soul, look professional, and most importantly, telling a story of your brand, your products, services.                     

Imagery is more than decoration. It’s a powerful tool to help you communicate and differentiate your product. Vision is the strongest human sense, it is an excellent and fastest way to grab user’s attention. And taking into account, that people love visuals, images aren’t going anywhere in the near future. What is more, designers are just now getting comfortable with the big images, so it will be interesting to see how this movement expands over the next few years. Now designers can take the same picture, but using their creativity, they edit it that way, that you won’t even recognize that this is the same picture, that 5 designers have used. It gives a lot of opportunities to tell your story in an engaging and emotional way. And as we all know, emotions are the key driver for the conversion rate.

If you want to make a strong impression or a bold statement, good option for doing it is to use a large full-screen background image. It will make people stop and pay attention to you right from the beginning. Also, it adds charm to your website and makes it personal.

Let’s look at some tips from our UX designers on how to use photography in web design.


19 TIPS ON HOW TO USE PHOTOGRAPHY IN WEB DESIGN 


1. CONTEXT- RELEVANT

Use predictive visuals to improve the user experience. Don’t make it complicated, don’t use philosophy photos, which won’t be understood by most of your users. Simplify the life of your customers, reinforce the message of your statement or brand with the use of relevant, personal and emotional pictures. Content with relevant images gets 94% more views than content without relevant images 


2. COLOR OVERLAYS 

Personalize your image especially if you take it from the stock to have your brand identity. You can use your brand’s color palette, etc


3. PHOTO MANIPULATION 

Customize stock phot