开始设计个人博客时,很容易先想到各种组件:卡片、标签、动画、按钮、侧栏。它们都有用,但如果一股脑放上去,读者反而不知道该从哪里开始。

01 让阅读成为第一件事

文章标题是入口,摘要帮助判断,日期提供上下文。先把这三件事安排清楚,再决定是否需要封面。没有图片的文章不应该被视为“不完整”,文字本身也可以形成节奏。

对于个人博客,访问者通常只需要知道你是谁、写过什么、哪里能找到资料。导航不需要承担所有分类,它只负责把人带到合适的位置。

02 留白不是剩余空间

留白帮助读者理解哪些元素是一组,哪里开始了新的内容。标题与摘要之间的距离,应当小于两篇文章之间的距离;正文段落之间的距离,应当小于章节之间的距离。

简约不是把所有东西都缩小,
而是让重要的东西拥有足够的空间。

03 只保留必要的层级

可以先从三个视觉层级开始:标题、正文和辅助信息。用字号、字重和间距表达差别,而不是为每一项添加独立颜色或容器。强调色只留给真正可以操作的地方。

  • 标题:帮助定位内容,清楚而不喧闹。
  • 正文:优先保证舒适的行高和阅读宽度。
  • 辅助信息:日期、类型、来源,保持可读,但不争抢注意力。

04 手机不是缩小的电脑

电脑上可以并列展示的内容,在手机上更适合按顺序展开。文章信息改为单列,文档卡片铺满可用宽度,搜索框保持完整。按钮需要足够大的点击区域,而不是只剩下一行细小的字。

最后再回头看一遍:如果删除一个元素,读者是否会更难完成任务?如果不会,试着先把它拿走。