第1步：先测边框是否真的需要
做 borders测评，我第一步不是调颜色，而是问：这条线解决了什么问题？如果它没有分组、强调、提示状态的作用，只是“看着空所以加”，后面怎么调都容易多余。
实际检查时，把页面复制一份，删掉一半边框。很多时候你会发现页面更清爽，阅读速度更快。边框不是越完整越专业，尤其是后台和内容页。
borders测评：这些坑别踩
borders测评如果只看“好不好看”，很容易误判。边框真正的问题常出在上线后：移动端看不清、表格太吵、暗色模式翻车、相邻边框变成2px。我按一次真实检查流程，把常见坑和修法讲清楚。
第2步：看相邻边框有没有叠粗
最常见的坑是两个卡片或表格单元格都画了边，贴在一起就变成 2px。肉眼看会觉得某些线莫名更黑，用户说不上来，但会觉得页面不干净。
解决方法是只画一侧。表格行只用 border-bottom；网格布局可以用 gap 加背景色做分隔，或者只给父容器外框、子项用单边线。别让相邻元素各画各的。
第3步：到真机测浅色边框
设计稿里 #F1F5F9 很温柔，到了低亮度手机上可能直接消失。尤其输入框、筛选框、可点击卡片，边界看不见会影响操作。
我的做法是至少测两种环境：电脑正常亮度、手机 50% 亮度。输入控件默认边框别太浅，聚焦状态要明显。装饰性分隔线可以浅，交互控件不能靠猜。
第4步：检查暗色模式和状态色
暗色模式里直接沿用浅色模式的灰边，经常会刺眼。比如 #E5E7EB 在黑底上太亮，像一圈白线。暗色界面更适合低透明白或深灰，如 rgba(255,255,255,.12) 这种思路。
状态色也要测。错误红边框如果太细，在暗色背景上可能糊；如果太亮，又像警报。最好搭配图标或文案，不要只靠红色边线传达信息。
第5步：最后测打印和缩放
表格、发票、报价单这类页面，别忘了打印。屏幕上 1px 浅灰线，打印出来可能淡到看不见；黑色全边框又可能太重。打印样式可以单独写 @media print，把关键线加深一点。
浏览器缩放也要看。90%、110% 时，有些 1px 线会出现粗细不均，这是渲染常态。关键界面如果对线条一致性要求高，要减少密集边框，别把效果押在大量细线同步显示上。
常见问题
borders测评主要看哪些指标？
看必要性、可读性、一致性、状态表达、真机表现和暗色模式。普通边框不难写，难的是不多、不乱、不影响阅读。
为什么表格边框看起来很乱？
通常是竖线太多、颜色太深、行高太小，或者相邻单元格边框叠加。先删竖线、保留横线，再调整行高和颜色。
暗色模式边框怎么避免刺眼？
不要直接用浅色模式的灰。可以用低透明白色或接近背景的深灰，重点控件再提高对比度，保持状态可辨认。