Modern icon design
Optical alignment
Why mathematically centred often looks wrong, and how to fix it by eye.
Trust your eye over the ruler
Geometry and perception disagree. A triangle centred by its bounding box looks like it leans; nudge it so its visual centre of mass sits on the axis.
Classic adjustments:
- Triangles / play buttons — shift slightly toward the flat side.
- Circles vs squares — a circle must be a touch larger than a square to feel equal.
- The "Check" — its long arm is heavier, so the whole mark is nudged left.
Test it
Stand the icon next to its neighbours at small size. If one "vibrates" or sits low, trust that signal and move it a fraction of a unit.
Next lesson
Corner radii & pixel snapping