nc.18嫩草影视入口｜画面构图与配色：图文间距与图注归属、单一主轴对齐及按钮背景明度差处理

配色与对比

冷暖色、明度、饱和度和背景文字的对比。

视觉设计

禁用态先降明度对比和饱和度，让它退到背景附近；可用态保留较深文字或较亮边框，确保仍能读清。只把灰色调暖或调冷，两者仍像同一层级。

高饱和补色并置时，交界两侧会互相推挤，边缘出现抖动感；缩小其中一色面积、降低饱和度，或在交界留一条中性色窄缝，可减轻。

深色背景把周围明度压低，高饱和色块少了亮部干扰，显得更纯也更亮。先降一档饱和度或缩小色块面积，再把正文和按钮的明度差拉开，别只调色相。

视觉重心、对齐、间距和画面中的主次关系。

对称、正面、静止的主体放正中更稳；有朝向或运动方向的主体放三分线，并在前进方向留出更多空间。背景线条杂乱时，居中反而更容易压住画面。

标题应更靠近它所管的正文，与上一段的距离要大于标题到正文的距离；两组间距接近时，读者会分不清标题属于哪一段。先拉开组间，再微调组内。

视觉设计

正文栏不要为了底部齐平而拉伸行距或加空行，应先统一各栏顶部和标题区高度，让正文自然长短不一；只有卡片式模块需要底边按钮对齐时，才固定按钮区高度。

图标与文字并排，按文字基线或视觉中心对齐，不按图标外框。外框对齐常因图形自身留白不同而显得偏高偏低；先对齐基线，再按图标实际墨迹微调一两个像素。

顺光、侧光、漫射光对纹理、轮廓和色彩的影响。

漫射光不是没有方向。大面积光源从多个角度把光送到表面，凹凸处的阴影被摊薄、边缘变软，但不会完全消失；光源相对物体越大，细影越弱，纹理更多靠色差判断。

金属主要反射光源的形状，漫射光把反射打散成一大片均匀亮面，缺少明暗交界，看起来发灰。要显金属感，需用面积较小、方向明确的光源，或在暗环境里留一条亮带。

漫射光下白瓷和白背景明度接近，器型边缘会融掉。换中灰或深色背景，或让一侧稍暗形成明暗过渡；保留高光但不让它过曝，白色表面才有层次。

深巷猫2026-11-14

看完心里有数了，回头再遇到就不慌了。

林间有风2026-11-08

每次刷到这类内容都忍不住点进来，确实长知识。

晴天有点晒2026-11-04

感觉像朋友随口聊的，一点没有硬灌的感觉。

晚风慢慢2026-10-28

看完挺有收获的，原来平时没注意的小细节还有这么多讲究。