- "Unicode" button label way off center
- The 8/10/16 selector being off center in its own position
- The indicators for bits 31 and 63 are not aligned with each other
- x and + not being horizontally aligned (I believe this is an icon-font issue, seen on HN before so knew to look for it)
Its actually the center of the button, I made a video for context: https://imgur.com/a/1Y9O8dS
> The 8/10/16 selector being off center in its own position
Might be due to the image compression, it looks fine on my MB.
Upvoted for putting in the effort, and because you make a correct point.
But the Unicode button is perceptually off center, because ASCII is a smaller word, and there's no visible boundary between the buttons. This comes up a lot in iconography, the classic example is a play triangle (like the media control) in a circle. Placing the triangle in the geometric center won't look centered, it needs to be a tiny bit to the right of that to account for the shape.
No separation between the buttons means you can't see the bounds which the words are centered in, so it looks off.
The 8 and 10 have the same problem, for the same reason. A visible background-gray line between the buttons would solve this problem, it should be 'squircled' to make it I-shaped and match the outer edges.
- ASCII is off center ~43/50 pixel margins
- Unicode is off center ~20/25 pixel margins
- Both have different margin sizes
- The button sizes of both are the same.
- The Hide button is offset from both 8/10/16 selector and ascii/unicode buttons
- Even if everything was correct, because there is no contrast between "Off" and background, it's going to look wrong anyway
However, I suspect they both have the same ("Incorrect" seems too harsh a word... "Visually imprecise"?) layout constraints and they look different in practice because "63" is a wider number than "31".
Edit: zooming in closer it's maybe not outside the box at all, but there's some odd aliasing artifacts or something making the space above the highlight look bigger than the space below.
Honestly I don't think it makes it any better if the Unicode text is theoretically centered; the fact that there's zero separation between the options, and such poor spacing that it's difficult to tell and feels awkward either way is still terrible design.
Also, the "32" label sits directly centered under the bit above it, but literally none of the others do, they're wherever-the-fuck.
The x, + etc don't look centered vertically either -- compared to the numbers to the left of them.
2's and 1's look like they are a different font size to everything else.
The padding on the buttons at the top is hideous -- the downstroke on the y almost touches the outside of the button.
I fear how awful this looks in localized versions, if they made any.