一个小网站，也可以很完整

先确定网站最重要的一件事

开始做页面之前，先用一句话写出这个网站的用途。例如：“这里整理适合反复查阅的网页与工具笔记。”这句话看起来简单，却能帮助后续取舍：一个元素如果既不帮助寻找文章，也不帮助阅读，就不必急着放进首页。

用途清楚之后，再想读者可能怎样来到这里。有人从首页进入，有人直接打开朋友发来的正文链接，还有人隔了几个月，从收藏夹重新回来。一个完整的小站应该照顾这几种情况，而不是默认每个人都已经看过首页介绍。

以笔记站为例，首页负责介绍与推荐，目录负责寻找，正文负责解释，关于页负责交代内容范围。每一页的任务少一点，整套网站的关系反而更容易看清。

可以先拿纸写出一条最短路径：首页 → 文章目录 → 一篇正文 → 相关阅读。检查这条路径是否走得通，再补上按主题浏览和返回首页的入口。它比一开始就设计很多漂亮卡片更能暴露结构问题。

假设有六篇文章，按发布时间排列是一种入口，按主题整理又是另一种入口。前者适合回访者，后者适合第一次来、只关心某个问题的人。两种入口可以指向同一篇文章，不需要复制正文，也不需要为此增加复杂的交互。

链接文字要能说明去向。“阅读文件命名这篇笔记”比“了解更多”清楚；“返回文章目录”也比一个没有文字的箭头更容易理解。脱离周围的装饰以后，链接本身仍应当有意义。

正文页至少需要标题、摘要、内容和返回目录的入口。标题说明问题，摘要说明读完能得到什么，正文展开细节。整理日期可以帮助读者判断背景，但不应当用一个经常变化的“更新时间”来代替真正的修订说明。

我更喜欢先在没有样式的情况下阅读一遍。如果只能看见文字，标题层级是否仍然合理？一个小标题下面是否真的有足够的解释？列表是否比连续的句子更容易理解？这些问题比选一个什么颜色的按钮更早发生。

长文可以增加页内目录，让读者知道文章会走到哪里。相关阅读则应当围绕同一个问题延伸，不必把全部文章都堆在结尾。入口多并不自动意味着更容易使用。

正文行宽不宜无限延伸。屏幕很宽时，让文字保持在一个相对集中的阅读区域，目光从一行结尾回到下一行开头会更轻松。留白的作用不是填满设计，而是区分标题、段落、注释这些不同层级。

同样重要的是段落长度。一个段落最好围绕一个具体意思展开，接着用例子、原因或限制把它说完整。连续几个段落都只有一句口号，会显得空；把所有想法放进一个大段落，也会增加寻找重点的负担。

颜色可以承担辅助作用，但不应是唯一的区分方式。链接除了改变颜色，还可以带下划线；当前栏目除了颜色变化，也可以保留边线或文字提示。这样页面在不同屏幕和显示条件下仍然容易辨认。

桌面上恰好合适的导航，到了手机可能挤成两行。检查时可以分别打开首页、最长的文章和归档页，留意标题是否被截断、日期是否推开正文、页内目录是否占据了过多空间。

再用键盘走一遍主要入口：焦点能否看见，顺序是否合理，是否可以跳过重复的导航直接到正文。图片如果承担了信息作用，也需要合适的文字说明；只是装饰的图案，则不必让它干扰阅读顺序。

这些检查不一定需要一套复杂工具。先用真实的小屏幕和浏览器缩放找到明显问题，再决定哪些地方需要更细的技术验证。

可以给自己留一张很短的清单：所有站内链接都能打开；每篇文章都能回到目录；样式和图标没有缺失；订阅源能被读取；新文章出现在应有的栏目里。检查具体的去向，比只看首页有没有打开更有价值。

这份清单也有助于控制功能范围。小网站不需要在第一天就拥有搜索、评论、会员和复杂动画。先让已有的页面有内容、有入口、能够持续更新，再根据真实需要增加下一项功能。完整感往往来自细节之间的衔接。