打开一个陌生的博客,读者通常会先看几个地方:站点名称、最新的文章标题,以及作者介绍。这些信息会帮助他判断,这里是否有自己感兴趣的内容。
首页的设计,就从这个很短的判断过程开始。
把内容放在最容易到达的地方
文章列表不需要藏在多个入口之后。标题、摘要和日期已经足以让读者决定是否继续阅读,封面图则可以帮助区分主题和建立记忆。
在桌面上,宽一些的文章列配合窄侧栏,可以让主次关系自然成立。侧栏补充作者、分类和近期文章,不必与正文争夺注意力。
每个区块只做一件事
- 导航负责告诉读者:这里有哪些内容。
- 轮播负责介绍一个值得被看见的话题。
- 文章列表负责提供明确的阅读入口。
- 侧栏负责补充背景,以及下一步可以去哪里。
当两个区块在重复做同一件事时,可以先考虑删掉其中一个,而不是增加更多视觉强调。
在手机上重新安排优先级
手机屏幕没有空间同时容纳文章和侧栏,直接把桌面布局缩小会导致文字拥挤。因此移动端让文章回到单列,缩短顶部区域,把导航放进可展开的菜单。
同一个网站,在不同屏幕上可以有不同的呈现顺序。真正需要保持一致的,是内容之间的关系。
清晰不是把所有东西都放大,而是让重要的东西更容易被找到。