SVG file might have gone through a faulty minification in the build process, resulting in this.
uhhh...? this icon is displayed tiny in practice. these little imperfections are not noticeable at all in use... yes, SVG's drawn at small sizes can look sloppy when blown up 80x in size. it also doesn't matter at all, except to annoying designers with a tidiness fetish.
A way to rephrase your comment: "I don't care about the details."
The only reason I knew the icon looked amiss was because I saw it at 32x32 on the Apple store page and it looked bad so I inspected it. Looked worse, so I posted it.
You don't have to care.
You're not wrong. It looks pretty brutal on my 5k monitor...
so i re-drew the icon the exact same way i'm SURE any Apple designer would have done it originally. the circles are 1.5px in from the edges of the case, 1px horizontally spaced, 2px vertically spaced, Apple on the left, mine on the right. easy round numbers, and i'm assuming i don't have to explain to you why the circles are placed on the subpixel. here is an overlap so you can see the difference.
now... look at them side by side at 1x.. can you see the difference? i already know the answer.. it's "no".
"caring about the details" is one thing... nitpicking a 1/10th of a pixel decimal rounding error in a SVG export is just petty and annoying.
The irony of ending this string of pedantry with “petty and annoying.”
Sure. Visitors and non-designers in general might not notice at all. But in the end, things like this says a lot about you as a designer.
No it doesn't. Whining about an icon on another site does though.
it looks awful at tiny size also.
Oh my fuck, those circles
How do you even manage to draw unjoined circles in 2019
It's pretty obviously the result of an SVG export not using enough decimal places or going through an optimizer.
cheese grater is pretty epic.
Seen at the top of:
My Goodness. This is really bad.
seems extremely appropriate,
"if you don't like it then its not for you" as the Apple verified Twitter fans say about everything relating to this machine.
you mean this guy?
Yep, even at the icon size, you can see it was horribly built. Looks like someone at the agency threw it together in two minutes.
Can you elaborate on how it's improperly built and how it could be better?
Circles should be circular.
The circles in each row should be aligned vertically.
When nesting rounded rectangles, the inner radius should be ~25% smaller than the surrounding radius otherwise you get the wonky look exhibited by the handles in the Mac Pro icon. These nested rectangles aren't even aligned properly.
Pixels should be placed on whole values. There are lots of spots where pixels are falling on half-values which cause the icon to look very blurry at small sizes. "Pixel-snapping" typically solves this automatically.
In general it's just shoddy icon work from the company (or agency) who popularized gorgeous OS iconography (OS X was the first OS to have 128x128 icons). Given that their flagship model just dropped, I'd expect them to be "all hands on deck" and knock out an icon that looked amazing at any size. This is not the case.
Thanks for the reply. Looking at it blown up in size it's remarkable how many mistakes there are.
No joke. The icon looked a little muddy so I looked at the raw SVG and was very surprised at the lack of attention.
You are very right, but I've given up on trying to get designers to care about stuff like this unless they work directly under me.
I've even gotten a misaligned logo from a brand agency during a rebrand. Unfortunately attention to detail like this is just not taught in school, and isn't emphasized in a lot of the online resources people use to learn design.
Everyone is always trying to teach far too abstract concepts, or teach the specific UI of a specific version of one tool, rather than teach designers to sweat the details regardless of what tool you are using.
Considering it's usually only some other designers who notice details like this (on a conscious level), it's hard to enforce such rigor and attention to detail in a large company like Apple.
It is a "soft skill" these days and is one of the reasons why I still appreciate Eli Schiff as a design critic – he appreciates those pixel-perfect details and calls out brands who don't bother.
When I was teaching (college web design and frontend dev), I found it hard to elucidate the how and why of pixel-perfection. Businesses these days do not value putting pride into your work over getting something done below budget and before deadline. Until those priorities start shifting, I think we'll see fewer and fewer new designers worrying about these details and more designers working across many disciplines, not afforded the time to pixel push.
Why does it matter in this instance?
Say that enough and you'll become a nihilist.
You can take it in two ways: it matters a lot because new designers don't seem to be being afforded the time to hone their craft as their senior cohorts, which points to all sorts of interesting ramifications for the field
Or, it speaks to the dangers of using agency talent, whose priorities and values may not align with the brand. Apple is world-renowned for their attention to detail and this could be the work of an intern/contractor.
Or, it's a goofy mistake that somehow made it into production.
Whichever, I found it interesting enough to post.
I'm not sure I'm quite at nihilism yet, maybe a few more poorly made icons and I'll make it.
Can you show me an example of (in your opinion) great craft? I'd be interested to see what you think the level to be at is. (Honestly no snark).
I'd agree with @sdw and @bdc, but you're holding Eli Schiff up as an example of great craft? I get that people like his criticism, but it's always in the "you don't have to be a great designer to be a great critic" vein. Ignoring his disgusting politics, his work is appallingly bad.
Agree to disagree on his design skills/aesthetics.
Agree to agree on his politics. I had to unfollow him on Twitter.
Alexa Grafera's work always makes me feel so hungry...
A simple handle shouldn't be too difficult to get right. It's not even properly aligned.
By looking at the code, it seems an issue during exporting and/or minifying of the SVG as the entire drawing is just one path.
Probably no one noticed it because of the "native" small scale of the icon.
Yes, looks really crappy.
Looks like someone may have resized it in sketch and not 'scaled' it at some point.