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