3 ms·

> "Unicode" button label way off center Its actually the center of the button, I made a video for context: https://imgur.com/a/1Y9O8dS https://imgur.com/a/1Y9

> "Unicode" button label way off center Its actually the center of the button, I made a video for context: https://imgur.com/a/1Y9O8dS 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.

samatman 2y ago
> Its actually the center of the button 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.
fizzynut 2y ago
From zooming into your clip both ASCII and Unicode are wrong: - 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
xelamonster 2y ago
The selector issue is very visible in your video still: you can see black pixels at the top of the selected number where it shows the selector background, but none at the bottom because it's misaligned and the selection bubble is slightly outside its box. 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.

samatman 2y ago

> Its actually the center of the button 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.

fizzynut 2y ago

From zooming into your clip both ASCII and Unicode are wrong: - 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

xelamonster 2y ago

The selector issue is very visible in your video still: you can see black pixels at the top of the selected number where it shows the selector background, but none at the bottom because it's misaligned and the selection bubble is slightly outside its box. 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.