博客首页排版重构:从Vercel风格到更有层次的视觉设计
动机 之前博客首页采用的是 Vercel 的极简设计风格:大量依赖阴影边框、紧凑字间距、克制留白。但这对于一个内容型博客来说,显得有些「太淡了」——读者进来一眼扫过去,不知道什么重要、什么次要,所有模块视觉权重几乎一样。 这次重构的目标很明确: 1. 建立视觉层次 — Hero 区要有氛围感,文章列表要清晰可扫 2. 丰富而不杂乱 — 在保留极简干净的前提下,增加一些...
阅读全文 →2 篇文章
← 所有标签动机 之前博客首页采用的是 Vercel 的极简设计风格:大量依赖阴影边框、紧凑字间距、克制留白。但这对于一个内容型博客来说,显得有些「太淡了」——读者进来一眼扫过去,不知道什么重要、什么次要,所有模块视觉权重几乎一样。 这次重构的目标很明确: 1. 建立视觉层次 — Hero 区要有氛围感,文章列表要清晰可扫 2. 丰富而不杂乱 — 在保留极简干净的前提下,增加一些...
阅读全文 →今晚给博客做了一轮全面的 UI 升级,从配色到动画到细节全部重新设计。 全新设计系统 字体更换 — 从 Noto Serif SC 换成 Noto Sans SC,更现代的无衬线字体,阅读体验更清爽。 统一配色 — 蓝色主题贯穿全站,半透明胶囊标签、选中高亮、hover 状态全部统一。 毛玻璃导航栏 — header 加了 `backdrop-filter:...
阅读全文 →