Best Practices while designing User Interface with images.

Tips to help you master interface images

A Thread 🧵
1️⃣

Make images standout
2️⃣

Add dynamic to the layout
3️⃣

Use text wrapping smartly
4️⃣

Separate text and images into columns
5️⃣

Put images outside the layout
6️⃣

Use captions for standalone images
7️⃣

Separate visually heavy blocks
8️⃣

Use pagination to showcase multiple images
Credit: @buninux on Instagram ( instagram.com/buninux )

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Bright Mba🦅🦅

Bright Mba🦅🦅 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Brightmacdsg

Feb 12
Building a clean and Minimal UI Design.

A Thread 🧵 Image
Let’s get into it!! Image
1️⃣

Use Whitespace Image
Read 10 tweets
Feb 10
7 Tips for Designing Systems in Figma.

A thread 🧵 Image
1️⃣

Secure your system colors and fonts with systems. Image
2️⃣

Naming components and styles Image
Read 9 tweets
Feb 9
Games for UI Designers.

This games will help you understand some principles and terms in design.

A Thread 🧵
Read 8 tweets
Feb 8
How to design better forms.

Here’s a guide on how to create user friendly forms in your designs.

A Thread 🧵
Let’s get to it.!! ⬇️
1️⃣

Labels
Read 10 tweets
Feb 7
I’m Sure you’ve experienced this issue of decimal numbers obstructing the alignment of your elements.

Well, here’s how to fix it.

For #Figma users

A Thread 🧵
1️⃣

Here’s the problem
2️⃣

Make sure to have SNAP TO GRID turned on
Read 6 tweets
Jan 17
So Yesterday I shared a guide on how to present your web designs

Today, we have another one on presenting your mobile app design.

.
.
Show your design like a pro

A Thread 🧵

⬇️
Up your design presentation skill with these guides

Let’s go!!
1️⃣

This is after your design is set.
Read 10 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

:(