I've noticed this for months, and it's been irking me. Even on the retina display, I notice that there's a discrepancy with the border radii where the two bubble shapes intersect. At this size, both the inner and outer radii are 4px which is causing the slight bloat in the corner.
It's such a tiny thing, but it makes all the difference.
11 months ago
That's been bothering me too - as has this: http://dribbble.com/shots/568141-Fb-Logo-Pixel-Fix
All designers should know about snake stomach.
You shouldn't have fixed this for free. Worth at least $1b.
This kind of thing is my pet peeve too. Facebook design team are very careless with their pixels.
@Mitch Bartlett That snake stomach website looks horrible on mobile. Not even functional.
To me, the 1 isn't centered horizontally in the notification badge.
People doing this type of stuff is what irks me. So many more important problems to solve than border-radii in Facebook's UI.
Nothing wrong with attention to detail, @Tim Smith.
@Tim Smith Not every moment of every day can be filled doing world-changing work. Sometimes you gotta take a break and bitch about how incompetent everyone is :P
ahhh, so much better! :)
@Tim Smith You can spend your life dreaming about making big changes or actually doing lots of small changes :)
@Keri Henare That's kind of depressing in some way... I guess.
Aha ! Yes it's better in fixed.
The only thing I regret about starting web design is that I will never be able to let something like that go.
Haha. Nice :)
you see this a lot with iOS icons that have some sort of frame... people thing if you do the outer shape then duplicate and downscale it will be the same radii :)
the one on the left stands out strong when the icon is really small. I think it might have been intentional.
@Uri Kelman That website was built before mobile design even existed. ;)
@Mitch Bartlett I guess he doesn't believe in updating.
I'm just wondering how many feedbacks, Facebook design team got about this. Most of the time problem is "don't have time to fix/work on" not "not-seen" or "careless".
But great catch and fix @Jesse Dodds
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter