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