粉嫩网页的颜色分工

先做最小页面

准备标题、一段正文、一个普通链接和一张内容卡片。背景用 #FFFAFC，卡片分区用 #F8DDE6，正文用 #513541。先观察阅读顺序，再加入图片；如果只有空色块，往往难以发现真实排版中的问题。

区分装饰与功能

渐变可用于封面和装饰线，按钮则需要稳定的文字与背景关系。输入框边界、键盘焦点和错误提示都有任务意义，应单独检查。粉色与紫色不能作为用户辨认选中状态的唯一线索。

手机上优先检查什么

窄屏上观察导航是否能滚动、长标题是否换行、文字与色板是否挤在一起。保留触控空间，正文不要为了保持两列而缩得过小。先把文字读顺，再决定是否增加装饰。

链接如何表现

正文中的链接用下划线或其他明确视觉标识，使其不只依赖颜色。链接名称写出目的地，例如“阅读文字对比度”，避免“点击这里”。配色不能替代信息结构，漂亮的页面仍需要清楚的标题与普通链接。

依据与延伸阅读

• W3C：颜色的使用：不能仅依赖颜色传递信息或区分状态。

上述来源支持文中的技术概念；应用建议与色板是本站原创示例。