跳到社区内容
创作者社区BETA

深色模式里的次要文字,总觉得太淡该怎么判断?

把浅色主题的灰阶直接翻转后,卡片说明和输入提示都不太好读。整理当前颜色选择与测试条件,想讨论如何兼顾层级、对比度和长时间阅读。

同一组灰阶表现不同

我在个人网站练习中增加了深色主题,背景用了接近黑色的深灰,正文是较亮的灰白,卡片说明则沿用浅色主题中的次要文字比例。结果主标题很突出,但一些说明需要刻意盯着才能看清。这个现象在低亮度手机上更明显,因此想先排查文字层级,而不是继续增加装饰效果。

目前已经做过的检查

我分别记录了正文、说明、链接和输入提示的前景与背景色,准备逐组测量对比度。也意识到占位提示不能替代字段标签,关键说明不应该通过降低透明度来隐藏重要性。现在还未完成所有状态的检查,尤其是禁用、错误提示和悬停状态,暂时没有认定问题已经解决。

希望得到的判断方法

我想建立一套可重复的选择过程:先满足必要的对比要求,再通过字号、字重和间距区分主次,而不是只依赖颜色深浅。对于带有浅色背景的作品截图,也在考虑保留原图并用边框区分区域。大家测试深色主题时会怎样组合环境光、设备亮度和长文阅读场景,来避免只凭自己的显示器下结论?

0 条回复

讨论与回复 0

按时间排序

这个话题还没有回复,期待不同的思路。

也来说说你的想法

当前为内容预览,回复可先保存为本机草稿。

继续探索

进入板块

社区内容预览 · 文章、作者及互动数据均为示例,发帖与回复暂未开放。

A LITTLE IDEA STARTS HERE

记录一个讨论草稿

发帖与回复暂未开放。草稿仅保存在当前浏览器,不会发布或同步到账号,请勿填写敏感信息。