← 返回文章列表
记录与思考

当文章列表变长之后:间距、摘要与翻页的几个小观察

从两张卡片到一整页内容,阅读节奏也会改变。用一份观察清单,看看长标题、不同长度的摘要和分页入口如何一起影响浏览体验。

只有一两篇文章时,首页看起来总是很轻盈。等到内容填满一整页,很多之前不明显的细节才开始出现:标题换了三行,摘要长短不一,翻页按钮被推到了页面底部。

这也是准备一批测试文章的意义。内容越接近真实使用场景,越容易判断当前布局是否适合持续更新。

先看整体节奏

不用急着盯住某一个像素,可以先完整地滚动一次首页。观察注意力会落在哪里,哪些段落之间需要停顿,日期和阅读入口是否容易找到。

如果每一块内容都同样醒目,反而可能很难决定先读哪一篇。标题、摘要和辅助信息需要有各自合适的位置。

用不同内容试一试

测试内容 观察位置 想确认的事情
很短的标题 卡片上半部 留白是否自然
超过一行的标题 手机端和双列布局 换行后是否仍然清楚
较长的摘要 卡片正文 阅读入口是否容易找到
多个标签 文章页和标签页 换行后是否拥挤
第二页内容 页面底部 上一页和下一页是否明确

不同屏幕,分别阅读

在桌面上可以快速扫过一组标题,在手机上则更像沿着一条连续的路径阅读。同样的间距和摘要长度,放到两种屏幕里可能会有不同感受。

不妨实际点开一篇文章,再回到列表,接着翻到下一页。这样才能看到完整的浏览过程。

内容会继续改变页面

这份清单只是观察的起点。等到真正写下更多文章,还可以再次检查标题长度、标签分布和归档结构。

一个适合写作的界面,应该能容纳内容自然生长,而不用每增加一篇文章就重新安排整个页面。


本文为测试文章,使用较长标题和摘要来检查文章数量增加后的布局。

← 查看全部文章