同一页面换夜间，配色怎么选

同一套阅读界面做夜间版时，别只把背景换成黑色。先把背景、卡片和文字分出层次，再让按钮在两种底色上都看得见。

01｜先固定页面结构

示例的上下两屏保持相近的标题栏、两张卡片和按钮。上面用浅底，下面用深蓝灰底；这是生成的静态视觉对照，不是可操作的页面。

02｜复制提示词做一版

生成一张竖版3:4界面对照图：上下两张等宽手机阅读界面，信息位置和组件形状一致。上方是浅米色背景、深色文字、青绿色按钮；下方是深蓝灰背景、浅色文字、青绿色按钮。每张都有顶部标题栏、两张信息卡和一个按钮，保持足够的明暗层次；不用真实品牌，不写可辨认文字、数字、水印。

把阅读页面换成日历、书单或自己的产品界面，再说明需要保留的组件。生成图主要用于讨论视觉方向。

03｜落地前逐项核对

检查正文、次要文字、卡片边界和按钮是否清楚；真实产品还要用实际内容和目标设备检查可读性，不能只凭示意图判断。

关注硅基新知社，了解更多 AI 资讯与实用技巧。