网站设计浅淡UI设计中的视觉误差:
1. 物理尺寸与视觉尺寸
长宽 400px 的正方形与长宽 400px 的圆形哪一个更大?假如这样问你的话,那么正确答案当然是一样大。物体的物理尺寸是一样的,但视觉尺寸却有可能不一样的。如果我们将图形都叠起来看,看看为什么会产生这种那么明显的误差。400px 的两个图形叠在一起,你会发现整个圆形都被包裹在了正方形之内,而正方形多出的四个面积巨大的 a 区域就是造成这种视觉误差的原因。再将 400px 的正方形与 450px 的圆形叠在一起,正方形无法将整个圆形包裹在内了,圆形超出的四个 b 区域又与 正方形多出来的 a 区域在视觉上互相抵消,所以 450px 的圆形与 400px 的正方形在视觉尺寸上更接近,也就是我们常说的“一样大”。
2. 视觉对齐与形状
视觉对齐可以说是视觉尺寸这种现象的一种逻辑上的一种延伸。
3.视觉圆角
圆角也有细节?不是设置一下就好了么?当然不是,一个简简单单的圆角也有很丰富的细节。
总之网站设计中UI设计会有视觉误差,这就需要我们好好把握。