深色表面要统一层次
发布于 2026年5月7日
深色模式不能只是把背景变黑。面板、卡片、边框和文字都要重新组织层级。
摘要与关键词
摘要：深色界面最怕灰度混乱。主背景、面板、卡片和边框要分清楚，才不会糊成一片。
深色层次内容设计站点整理
导读：这篇先作为分页测试内容，后续可以继续扩写成正式长文。
深色模式也要有秩序
深色界面最怕灰度混乱。主背景、面板、卡片和边框要分清楚，才不会糊成一片。
当前版本先保证链接、分页和页面结构完整，避免首页能点、内容页却是空壳。
封面图在首页应该承担三件事
先建立气质：在用户还没读标题前，先判断这是偏设计、偏产品，还是偏记录型内容。
帮助区分卡片：三列布局里，图片是最先帮人分辨“这是另一篇文章”的元素。
给标题减压：当图片已经传达情绪，标题可以更短、更稳，不必承担全部说明任务。
好的卡片不是让标题和图片抢戏，而是让图片先开场，标题接住它。
这次首页改法的关键
如果目标是一行三张卡，那单卡必须明显缩小，但图片反而要更明确。做法不是继续压缩图片，而是让卡片改为纵向：上面是大封面，下方是标题与摘要。这样每张卡虽然变窄了，但封面占比更高，识别度比以前强很多。
同时，右侧栏稍微收窄，让主内容区给三列卡片更多宽度。这样桌面端能稳定摆下三张卡，视觉上也会更像一个完整的文章目录，而不是纵向长列表。