NEW BOT Телеграм, страница

Level up your UI design by using shadows effectively!

Shadows are a powerful tool for product designers, whether you're working with minimalist, flat, or skeuomorphic app designs. Here are some techniques to make your shadows look realistic and improve your design

Via Radnolan on IG Reels

🔥1

84 viewsTem!, edited 20:26

Sporadic Attempts at Design and Life

1️⃣ Shadows should mimic light from the real world. In UI design, this means elements closer to the screen (or user) have stronger, more defined shadows.

👍1

105 viewsTem!, 20:27

Sporadic Attempts at Design and Life

2️⃣ When you increase the blur of a shadow, lower its opacity to keep it subtle. This technique in UI design helps emulate elements that are further from the background, creating a sense of depth.

101 viewsTem!, 20:27

Sporadic Attempts at Design and Life

3️⃣ Adding Y-offset to your shadows in app designs simulates the element being closer to the user’s screen. This adds a 3D effect, making your UI design more engaging.

89 viewsTem!, 20:28

Sporadic Attempts at Design and Life

4️⃣ Make sure your shadows aren’t too harsh or dark compared to the background. This can make the design look awkward and out of place in your product design.

88 viewsTem!, 20:28

Sporadic Attempts at Design and Life

5️⃣ Changing shadow colors can often result in an unnatural glow effect. Stick to neutral shadow colors for a professional look in your app designs.

96 viewsTem!, edited 20:29

About

Blog

Apps

Platform