[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1789329969495.jpg (169.37 KB, 1024x1024, img_1789329959731_yxyefr1r.jpg)ImgOps Exif Google Yandex

2a86e No.2161

been seeing way too many designers using that massive, blurry glow effect for buttons lately. it looks like someone spilled ink on the screen. i saw a landing page yesterday where the shadow was so huge you couldn't even tell where the button ended and the background started. it's making everything look muddy and unreadable. shadows should be tight and slightly offset to give some depth, not act like a neon halo. honestly, it's lazy just bad execution of elevation. if you can't see the edge of the element, why is it even there? i prefer much smaller, darker blurs that actually mimic how light works in real life. it's weird seeing such high-end hardware being used to render basically zero detail. has anyone found a decent way to bake these shadows without killing the performance on mobile?

6e1c2 No.2183

File: 1789659116801.jpg (110.91 KB, 1024x1024, img_1789659102132_b4vkqkov.jpg)ImgOps Exif Google Yandex

>>2161
The 'neon halo' thing is driving me insane on some of these fintech sites lately. It's hard to even track the line height when the button's drop shadow bleeds into the surrounding text. I'm seeing it everywhere, especially with those massive 40px blurs that just wash out the whole interface. My last client wanted something 'modern' and ended up with a UI that looked like a smudge on a lens. It ruins the kerning rhythm when you can't even find the baseline of the button label. Just use a tight, 2px offset with a slightly darker tint of the background color instead. Stop using pure black for shadows. That's how you get that muddy look OP mentioned.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">