网站设计浅淡UI设计中的视觉误差：

1. 物理尺寸与视觉尺寸

长宽 400px 的正方形与长宽 400px 的圆形哪一个更大?假如这样问你的话，那么正确答案当然是一样大。物体的物理尺寸是一样的，但视觉尺寸却有可能不一样的。如果我们将图形都叠起来看，看看为什么会产生这种那么明显的误差。400px 的两个图形叠在一起，你会发现整个圆形都被包裹在了正方形之内，而正方形多出的四个面积巨大的 a 区域就是造成这种视觉误差的原因。再将 400px 的正方形与 450px 的圆形叠在一起，正方形无法将整个圆形包裹在内了，圆形超出的四个 b 区域又与 正方形多出来的 a 区域在视觉上互相抵消，所以 450px 的圆形与 400px 的正方形在视觉尺寸上更接近，也就是我们常说的“一样大”。

2. 视觉对齐与形状

视觉对齐可以说是视觉尺寸这种现象的一种逻辑上的一种延伸。

3.视觉圆角

圆角也有细节?不是设置一下就好了么?当然不是，一个简简单单的圆角也有很丰富的细节。

总之网站设计中UI设计会有视觉误差，这就需要我们好好把握。