我最近注意到，我经常访问的一些网站正在采用一种新的、奇怪的网页设计趋势：“虚线图片”。不知道该怎么称呼它。看起来像是故意在所有缩略图上叠加了一个规则间隔的点图案，或者有时它是一个光网格图案而不是点，但最终的外观是相似的。它看起来有点像一张抖动的图片。
我个人觉得效果很糟糕，起初我认为我的浏览器图像渲染有问题，但我尝试了 3 种不同的浏览器，我仍然可以看到这种模式。看起来是故意的。
实际上，曾经这样做的网站之一又回到了常规图片。那是一个报纸网站，我怀疑他们接到了一堆电话，问为什么他们的照片都搞砸了，几个月后就推翻了决定。
有没有人听说过或见过这个？
过去，我曾看到这种效果用于增强图像的特征。您发布的链接似乎是不必要的。
见http://demo.grandpixels.com/?theme=linguini
主滑块图像上的文本确实弹出，因为网格/点样式叠加使图像变暗并略微模糊，使白色文本看起来更加白色和清晰。
我链接上的图像看起来很棒，叠加图像的目的非常明确，那就是增强文本的信息；它做得很好。
如果没有网格覆盖，白色文本会融入后面的奶酪。
他们需要一种适用于后面的任何图像（无论是浅色还是深色）的样式，并且文本在显示在任何背景图像上时都不会失去其影响力。
您的linkedin示例显示了不应使用它的方式。
通常情况下，平面设计不仅仅是一门艺术，而是一门科学，不应该使用这样的效果，因为“它们看起来不错”，应该使用它们，因为已经为它的使用定义了明确的目的，而且它的使用在页面的上下文中是合理的。
图案叠加是一种有用的设计工具，它可以用于几个目的。如前所述，它可以帮助在视觉上分离页面上的图形元素，但它还有助于隐藏低分辨率图像中的缺陷/jpeg 压缩伪影，这些图像被过采样以填充高清 (1920 x 1080) 显示。
我有时会使用图案叠加来统一一组图像的外观。如果我有 6 张拍摄得非常好的图像和 3 张拍得不太好的图像，那么在它们上面放置一个图案覆盖有助于使它们均匀化，并使好图像和坏图像之间的过渡不那么引人注目。
这是一个我认为图案叠加效果很好的示例，尽管我敢打赌您将很难说服原始摄影师这是一种改进。:) http://goo.gl/d0OYOO
这种效果实际上来自早期的网络优化。
虚线效果将应用于压缩得如此之多以至于它们开始出现伪影的图像。“虚线网格”将隐藏这些伪影并使图像看起来不那么压缩。
然后它以正常效果传播，正如丹尼尔所说，它可以制作或破坏图像。如果使用得当（与大多数其他效果一样），您可以获得很好的效果。
我认为在您的示例中，这样做是为了稍微模糊图像。
我也认为这是对以前风格的回归。