Some points are valid, but this looks more like the author (of the image) wanted to highlight as much as possible to confirm their own bias (that it’s not well designed). Maybe I’m being ragebaited, but here we go:
Different font size and styles for main panel header
Yeah, one shows breadcrumbs and the other a title.
First icon is narrower than the rest
First one is the “start menu” button. The tasks could also have text labels on them, of course they can have a different width to an unrelated element.
Content not even remotely close to being vertically centred in its box.
It can show two lines of text (as evidenced by the third item in the same row). It would look pretty bad if every item was centered on their own.
This is absolutely pixel perfect alignment. More like this please!
It looks good, but the red line the author connected from the snowflake to the horizontal line of the “H” doesn’t necessarily back their claim that this is “absolutely pixel perfect alignment” because the horizontal line of the “H” might not be geometrically centered to the line height of the text and you could also have different characters in different languages.
Yeah, some elements like the scrollbars aren’t positioned well (in this screenshot, this is a bit outdated tbh). But there’s also the concept of a visual center as opposed to the geometric center.
Some points are valid, but this looks more like the author (of the image) wanted to highlight as much as possible to confirm their own bias (that it’s not well designed). Maybe I’m being ragebaited, but here we go:
Yeah, one shows breadcrumbs and the other a title.
First one is the “start menu” button. The tasks could also have text labels on them, of course they can have a different width to an unrelated element.
It can show two lines of text (as evidenced by the third item in the same row). It would look pretty bad if every item was centered on their own.
It looks good, but the red line the author connected from the snowflake to the horizontal line of the “H” doesn’t necessarily back their claim that this is “absolutely pixel perfect alignment” because the horizontal line of the “H” might not be geometrically centered to the line height of the text and you could also have different characters in different languages.
Yeah, some elements like the scrollbars aren’t positioned well (in this screenshot, this is a bit outdated tbh). But there’s also the concept of a visual center as opposed to the geometric center.