WE CREATE BRANDS PEOPLE L♥VE
Share

7 Tips for using Photography in UI


Tegra - October 27, 2019 - 0 comments

7 Tips for using Photography in UI

🖼 7 Tips for using Photography in UI

Courtesy of @bydanromero

Photography is absolutely more than a decorative element of design. If used well, it can help to communicate ideas better in a much clearer way, translating this into a better experience.

In this post, I’ll show you how to improve your use of photography in UI design and how to make every detail count.

Why?  Photography is absolutely more than a decorative element of design.
If used well, it can help to communicate ideas in a much clearer way, translating this into a better experience.

Why?

Photography is absolutely more than a decorative element of design.
If used well, it can help to communicate ideas in a much clearer way, translating this into a better experience.

1. Emotion  Photography is an excellent element to express a story. When we see faces we feel identified. The key is to show emotions naturally.
Instead of using common and decorative photo, take the opportunity to add human value.

Emotion

Photography is an excellent element to express a story. When we see faces we feel identified. The key is to show emotions naturally.
Instead of using common and decorative photo, take the opportunity to add human value.

2. Relevant  Try to tie the photography with your specific context. This helps and guides the user to understand the situation and to better explore the product.

Relevant

Try to tie the photography with your specific context. This helps and guides the user to understand the situation and to better explore the product.

3. Quality  It's not funny, in an era of high resolution devices users don't expect to see pixelated photographs in a good experience.
Try all possible proportions and resolutions, prevent your image being cut.

Quality

It’s not funny, in an era of high-resolution devices users don’t expect to see pixelated photographs in a good experience.
Try all possible proportions and resolutions, prevent your image from being cut.

4. Consistent  Along with the philosophy of the brand and the product, consistency at the photographic level can help to better condense thee information.
Try to make the photographic aesthetics similar, in structure and brightness.

Consistent

Along with the philosophy of the brand and the product, consistency at the photographic level can help to better condense thee information.
Try to make the photographic aesthetics similar, in structure and brightness.

5. Details / Focus  It is about capturing the attention of the user and avoid making any confuse. Less is more, be clear and try not to add a lot of elements.

Details / Focus

It is about capturing the attention of the user and avoid making any confuse. Less is more, be clear and try not to add a lot of elements.

6. Contrast  You have to take care of the contrast with respect to the rest of the design. Select colors that are well understood over the photograph without dulling it.
Always keep in mind the different scenarios.

Contrast

You have to take care of the contrast with respect to the rest of the design. Select colors that are well understood over the photograph without dulling it.
Always keep in mind the different scenarios.

7. Harmony & Composition  Take advantage of the tones and structure of the photo to make layouts that impact and transmit. This helps to represent the language of the brand pretty well.

Harmony & Composition

Take advantage of the tones and structure of the photo to make layouts that impact and transmit. This helps to represent the language of the brand pretty well.

Bonus: 4 tools that may be useful in your designer way:

Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.

Be free to send us any feedback by reply or reach using DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Leave a Reply