首页改了几次以后，我更在意它好不好用

刚开始做个人站时，我很容易把“能放什么”当成“应该放什么”。文章、统计、标签、天气、音乐、公告都想摆在首页，最后每个模块都有自己的卡片，页面却没有一个明确的重点。

这次再改首页，我先问了一个更实际的问题：第一次点进来的人，应该先看到什么？答案不是技术栈，也不是一排统计数字，而是这个站是谁在维护、最近在做什么，以及有哪些内容值得继续点开。

先把阅读顺序排清楚

现在的页面仍然保留侧边导航，但主体内容会先介绍网站和最近状态，再接日志、文章等模块。桌面端可以利用更宽的空间，移动端则把导航收进顶部入口，正文保持单列。

这套布局没有必要用一条很长的 Grid 表达式解释。真正需要注意的是：侧栏不能挤压正文，卡片不能在小屏幕上留下过窄的列，键盘焦点也要能按视觉顺序移动。断点只是实现这些目标的工具。

视觉效果要服从内容

我喜欢半透明卡片和背景光晕，所以网站里还保留了这些元素。但它们只适合做很轻的层次，模糊和阴影一旦用得太重，正文会变得发灰，低配置设备也要承担更多渲染开销。

现在更常用的做法是把颜色、圆角、边框和阴影收进同一套主题变量，让组件共享规则。这样切换主题时不需要逐页修补，也能避免每张卡片长得像来自不同网站。

交互动画也一样。按钮变色、卡片轻微抬起可以帮助确认操作，但整个页面一起飘动只会分散注意力。网站支持减少动态效果的系统偏好，所以动画不是阅读内容的前提。

首屏不是模块陈列柜

首页曾经出现过一个很明显的问题：服务端内容和客户端加载占位高度不同，数据回来以后，下面的模块会突然往下跳。视觉上只是“闪了一下”，在性能指标里却会变成布局偏移。

这让我意识到，首页设计不只发生在截图里。加载顺序、占位尺寸、图片比例和接口响应都会改变真实体验。一张静态设计稿很整齐，不代表页面打开时也稳定。

之后再加功能，我会先考虑它应该在哪个页面发挥作用。搜索适合随时唤起，音乐播放器适合保持轻量，完整设置则应该留在独立页面。首页可以介绍这些能力，但不需要把所有控制面板都摊开。

这一轮改版没有一个“最终版”的结论。它更像一次整理：让来访者先看到内容，让常用入口容易找到，也给以后继续修改留出余地。