跳到正文
UIGrammer
EN 中文

反模式 · 颜色 ·

图片彩色描边

图片彩色描边是加在照片和头像外围的一圈无意义的强调色细环,只会弄脏边缘。

症状

所有图片或头像都带着同一圈淡淡的彩色描边,通常是强调色,1px。

为什么会这样

头像描边在多数设计系统里表示「选中」,模型把这个信号泛化到了所有图片上。这也是让扁平布局看起来「有考虑」的廉价手段。

规则

去掉描边;只有图片边缘真的融进背景时,才用中性发丝线。

  1. 先删掉所有照片上的彩色描边,再看一遍布局。
  2. 若图片边缘确实消失在背景里,用 10-15% 黑的中性发丝线。
  3. 强调色边框只留给选中、激活、聚焦态。

图片彩色描边是什么?

给每张图加 1px 强调色描边,是模型从头像堆叠和选中态学来的习惯。放在照片上它毫无作用:既不能把图从背景里分出来(图片本来就有边缘),还会把浅色照片的边界弄脏。真需要分隔时,用中性色发丝线;否则就别加边框。

修复 Prompt

贴在你现有 Prompt 之后,把这类毛病从结果里剥掉。