BACKGROUND & DECOR
半调网点Halftone Pattern
圆形蒙版控制网点密度，角落的网点由密到疏渐隐——复古印刷味。
效果预览
对角双色网点，向中心渐隐
适合用在哪
波普风品牌、创意机构、活动海报、作品集点缀。
容易踩的坑
- 网点铺到正文区域背后，会让小号文字边缘发虚、可读性骤降。
- background-size 与屏幕像素不成整数倍时，网点出现摩尔纹干扰。
- 高饱和撞色网点用于 B2B 或金融产品，会显得廉价、与品牌调性冲突。
设计提示词 · Prompt
半调网点（Halftone Pattern）：radial-gradient(圆点 1.4-2px, transparent) 平铺（background-size 9-14px）生成均匀网点，再用 mask-image:radial-gradient(circle at 角落, #000 30%, transparent 70%) 让网点只在角落出现、向中心渐隐。双色版：两个对角各一组不同颜色的网点（品牌色 + 点缀色）。波普风格用高饱和撞色 + 大网点；高级感做法是低饱和 + 密网点 + 低透明度。适合做大面积留白区域的"视觉填空"。
Halftone Pattern: Tile radial-gradient(dot 1.4-2px, transparent) (background-size 9-14px) to create uniform dots, then use mask-image: radial-gradient(circle at a corner, #000 30%, transparent 70%) so the dots appear only in the corner and fade toward the center. Two-color version: a set of dots in each of two opposite corners in different colors (brand color + accent color). Pop style uses high-saturation clashing colors + large dots; the premium approach is low saturation + dense dots + low opacity. Good as "visual filler" for large empty areas.
常见搭配
同一页面里经常和「半调网点」一起出现的模式，可以收藏后用「组合收藏为整页提示词」一起交给 AI。
演示 HTML 结构
<div class="s s--abs d-halfbg"> <b>对角双色网点，向中心渐隐</b> </div>