# Seine in rain - 毛玻璃特效：RGBA、高斯模糊与 Acrylic 材质 (Highlights)  ## Metadata **Cover**:: https://readwise-assets.s3.amazonaws.com/static/images/article4.6bc1851654a0.png **Source**:: #from/readwise **Zettel**:: #zettel/fleeting **Status**:: #x **Authors**:: [[Seine in rain]] **Full Title**:: 毛玻璃特效：RGBA、高斯模糊与 Acrylic 材质 **Category**:: #articles #readwise/articles **Category Icon**:: 📰 **URL**:: [sspai.com](https://sspai.com/post/64904) **Host**:: [[sspai.com]] **Highlighted**:: [[2021-02-12]] **Created**:: [[2022-09-26]] ## Highlights - 微软 Fluent Design 中的 Acrylic 材质构成图作为例子，其包含了五层，分别是：背景层，高斯模糊层，明度混合层，颜色混合层，以及噪点层。 - 明度混合 - 通过调整明度，也可以弱化背景，增加毛玻璃特效上文字的可读性。 - 颜色混合 - 叠加一个半透明的 Windows 主题色块，以实现色彩风格的统一。 - 噪声，顾名思义就是给毛玻璃增加一点不规则性