fbpx
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.

1️⃣ Using Emotion as a via

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.

2️⃣ Making them Relevant to the context

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.

3️⃣ Taking care of the Quality

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.

4️⃣ Using Consistency

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.

5️⃣ Focus on the Details

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.

6️⃣ Making better Contrast

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.

7️⃣ Play with Harmony & Composition

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.
Gracias!  Let's learn together, let me know your thoughts and what you would like to learn in the comments!

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

Post a Comment

Your email address will not be published. Required fields are marked *