网站界面新一轮打磨记录

这几天把网站的界面又往前推了一步,重点不是大改结构,而是在保留原有内容组织方式的前提下,让首页和文章页看起来更轻、更有层次,也更适合长时间阅读。

这次主要调整了什么

1. 首页首屏

首页补上了一块更完整的首屏区域,用来说明站点的定位,也把归档和关于页的入口前置出来。这样第一次进入网站时,不会只看到一列文章,而是先建立一个更明确的整体印象。

2. 文章标题层级

文章标题、文章内小标题、元信息和正文之间的视觉关系重新整理过一遍。现在主标题更突出,层级切换更自然,阅读时更容易抓住重点,也更适合内容较长的文章。

3. 按钮与交互细节

这次把按钮、标签和部分入口链接统一成了更圆润的风格,并增加了更细腻的悬浮反馈。它们不再只是“能点”,而是开始承担页面节奏和视觉引导的作用。

4. 整体氛围

背景、卡片、阴影和强调色做了统一,方向上会比以前更清爽一点,也更有现代博客的感觉。希望它既保留内容站的稳定感,又不会显得太旧。

接下来还想继续打磨的地方

接下来准备继续优化几处:

  • 首页信息密度和留白的平衡
  • 文章页目录与正文的呼应关系
  • 移动端的按钮尺寸和首屏节奏

如果你正在看这篇文章,说明这一轮样式已经正式上线了。后面有新的界面调整,我也会继续把过程记录下来。